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图 灵 社 区 的 电子 书 没有 采用 专 有 客 
户 端 ， 您 可 以 在 任意 设备 上 ， 用 自 
己 喜 欢 的 浏览 器 和 PDF 阅读 器 进行 
阅读 。 

但 您 购买 的 电子 书 仅 供 您 个 人 使 用 ， 
未 经 授权 ， 不 得 进行 传播 。 

我 们 愿意 相信 读者 具有 这 样 的 良知 
和 觉悟 ， 与 我 们 共同 保护 知识 产权 。 


如 果 购 买 者 有 侵权 行为 ， 我 们 可 能 
对 该 用 户 实 施 包括 但 不 限于 关闭 该 
帐号 等 维权 措施 ， 并 可 能 追究 法 律 
责任 。 


Lukas Mathis 

瑞士 软件 公司 Appway 的 用 户 体 验 负责 
人 ， 也 是 Appway 这 款 流程 管理 软件 的 开 
发 者 ， 软 件 工 程 师 ，U1 设 计 师 。 在 博客 
ignorethecode.net 上 撰写 过 很 多 有 关 设 
计 和 可 用 性 的 文章 ， 也 在 UX Magazine、 
Splashnology 等 网 站 上 发 表 过 设计 论 
文 ， 拥 有 大 量 读者 。 开 发 过 多 款 在 线 UI 设 
计 工 具 。 


杨 文 梁 
2014 年 5 月 12 日 至 今 任职 于 360 搜 索 ， 前 
端 开发 工程 师 。 
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内 容 提要 


本 书 主要 介绍 如 何 设计 出 具有 可 用 性 的 应 用 程序 和 网 站 ， 不 但 让 用 户 乐 于 使 用 ， 而 且 令 其 爱不释手 。 
可 用 性 是 设计 大 厦 的 基石 ， 作 者 详细 介绍 了 如 何 将 可 用 性 融入 设计 、 测 试 及 开发 的 各 个 流程 ， 如 何 优 化 设 


局 


计 过 程 、 把 握 设计 重点 、 提 高 设计 效率 。 
与 评估 技巧 ， 提 供 了 独具匠心 的 设计 视角 。 


另外 ， 作 者 在 本 


中 给 出 了 大 量 宝 贵 建 议 ， 传 授 了 用 户 界 面 的 设 


本 书 适用 于 设计 人 员 、 开 发 人 员 、 产 品 经 理 、 专 业 软件 开发 工程 师 和 用 户 界面 设计 师 。 
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本 书 适合 软件 经 理 、 设 计 师 以 及 开发 工程 师 阅读 。 本 书 并 不 关心 具体 的 管理 、 视 觉 设 计 或 者 
程序 代码 ， 而 关注 更 为 重要 的 用 户 ， 也 就 是 使 用 产品 的 人 。 

没有 用 户 使 用 , 产品 再 好 也 毫 无 意义 。 这 就 好 比 你 创造 了 世界 上 最 美丽 、 最 结实 、 最 优雅 的 
画笔 ， 但 是 只 要 没 人 用 它 来 绘画 ， 你 的 工作 就 是 徒劳 的 。 

本 书 将 帮助 你 设计 用 户 乐 于 使 用 的 网 站 和 应 用 。 

本 书包 含 两 类 章节 ,一 类 关乎 技术 ， 另 一 类 关乎 理念 。 技 术 类 章节 将 痔 述 具体 的 技术 ， 如 故 
事 板 、 可 用 性 测试 、 纸 面 原型 。 你 可 以 在 设计 产品 的 过 程 中 使 用 这 些 技术 ,让 产品 对 用 户 更 加 友 
好 。 可 以 说 ， 这 类 章节 介绍 的 是 具体 的 设计 工具 。 

理念 类 章节 则 宏观 地 探讨 观点 和 概念 ， 比 如 : 如 何 编写 可 用 的 文本 ， 设 计 的 实际 效果 如 何 ， 
何 时 使 用 动画 ， 等 等 。 这 类 章节 涵盖 了 在 设计 过 程 中 需要 考虑 的 事情 。 


技术 类 章节 


ET 技术 类 音节 的 章 首 有 小 具 轮 图 标 。 


所 有 的 技术 章节 都 使 用 相同 的 基本 提纲 。 并 非 每 种 技术 都 适用 于 所 有 的 情况 , 所 以 对 于 每 种 
技术 ,都 提前 标注 了 应 用 场景 ， 随 后 才 描 述 它 的 定义 和 使 用 方法 。 本 书 将 设计 一 个 虚拟 的 应 用 程 
序 ， 一 些 技术 章节 的 最 后 会 附加 此 技术 在 这 个 程序 中 的 具体 应 用 。 

众所周知 ，Twitter 的 应 用 是 我 们 这 一 代 最 经 典 的 “Hello World” 示 例 应 用 程序 。 因 此 ， 我 
们 将 在 技术 类 章节 中 设计 一 个 Twitter 应 用 。 为 了 增加 趣味 性 ， 我 们 不 会 单纯 设计 一 个 普通 的 
Twitter 应 用 。 这 个 应 用 程序 的 目标 用 户 是 需要 为 公司 Twitter 账号 更 新 内 容 的 人 。 我 们 将 这 个 虚拟 
的 应 用 程序 命名 为 : BizTwit。 

你 可 以 将 技术 类 章节 当 作 攻略 指南 , 可 以 从 头 到 尾 完整 阅读 一 遍 ， 当 然 也 可 以 研读 某 个 特定 


Qa 这 里 解释 一 下 ， 因 为 你 有 可 能 不 知道 Twitter 是 什么 。( 也 许 你 是 在 2053 年 读 到 了 这 本 书 ， 没 准 那个 时 候 人 类 已 经 
可 以 像 控制 计算 机 一 样 控制 大 脑 ， 以 此 进行 交流 ， 所 以 不 知道 Twitter 很 正常 。) Twitter ( http://twitter.com ) 是 红 极 
一 时 的 网 络 服务 ， 人 们 使 用 它 发 布 短 消息 ， 还 能 订阅 他 人 的 消息 。 


0 


的 话题 。 为 了 方便 阅读 ， 这 些 章节 都 短小 精 悍 、 简 明 扼 要 ， 同 时 会 指出 本 书 中 、 其 他 书籍 中 或 互 
联网 上 出 现 的 更 多 信息 。 


如 何 使 用 本 书 中 出 现 的 网 址 


本 书包 含 很 多 网 址 ， 其 中 一 些 还 很 长 。 如 果 阅 读 的 是 纸 质 书 ， 那 么 你 会 觉得 将 这 些 长 地 
址 键入 浏览 器 中 很 麻烦 。 为 了 简化 操作 ,我 创建 了 一 个 站 点 ，http://designedforuse.net， 罗 列 
出 了 书 中 出 现 的 所 有 长 地 址 。 这 样 你 就 不 用 逐 字 键入 这 些 长 地 址 了 ， 访问 http://designed 
foruse.net， 点 击 相 应 链接 即 可 。 


技术 类 章节 自始至终 都 在 介绍 具体 的 技术 和 实践 方法 , 而 理念 类 章节 则 比较 抽象 。 理念 类 章 

绍 概念 ， 这 些 概念 更 像 是 灵感 的 源泉 ， 而 不 是 严格 的 规则 。 某 些 理念 类 章节 也 会 涉及 技 
术 类 章节 的 知识 ,但 是 关注 点 却 是 那些 更 基础 的 概念 ， 比 如 : 什么 样 的 设计 才 切 实 可 行 ? 怎样 使 
用 动画 才 最 有 效 ? 什么 是 模式 ?从 视频 游戏 中 可 以 学 到 什么 ? 
理念 类 章节 的 章 首 有 灯泡 图 标 。 

这 些 理念 不 一 定 适用 于 你 的 项 目 ， 因 为 在 某 种 程度 上 ， 人 总 是 难以 捉摸 。 你 的 产品 使 用 起 来 
和 你 期 望 的 效果 并 不 一 定 一 致 ， 而 且 有 时 会 违背 你 的 经 验 法 则 。 

人 的 行为 通常 出 乎 意料 ,要 说 明 这 一 点 , 让 我 们 来 看 一 个 真实 的 案例 。 假定 你 研究 的 方向 是 
公共 健康 及 安全 。 你 将 如 何 着 手 ? 鉴于 每 年 有 几 万 骑 自行 车 的 人 在 车 祸 中 受伤 , 自行 车 行车 安全 
是 个 不 错 的 切入 点 。 

研究 显示 , 安全 头盔 可 以 帮助 骑 车 的 人 免 于 车 祸 伤害 。 因 此 ,让 骑 车 的 人 戴 上 头 灵 应 该 可 以 
减少 受伤 者 的 数量 , 这 样 自然 就 提高 了 公众 的 健康 和 安全 指数 。 预 期 的 结果 是 显而易见 的 : 人 遭 
遇 自 行车 车 祸 时 ,头盔 可 以 避免 骑 车 的 人 受伤 ， 所 以 戴 了 自行 车 头盔 的 人 不 会 受伤 。 结 论 : 应 当 
强制 骑 车 的 人 戴 头 盔 。 

这 些 年 来 , 一 系列 要 求 佩 戴 自 行车 头盔 的 法 案 出 台 。 然而, 这 些 法 案 并 没有 起 到 预期 的 效果 。 

2009 年 ， 澳 大 利 亚 麦 考 瑞 大 学 精算 学 系 的 Piet de Jong 发 表 了 一 篇 名 为 “强制 实施 的 自行 车 头 
盔 法 案 对 健康 的 影响 ”( The Health Impact of Mandatory Bicycle Helmet Laws ) ”的 论文 ， 评 佑 了 
这 些 法 案 的 影响 。 文 中 指出 ， 人 们 根本 就 不 喜欢 戴 自 行车 头 奢 ,所 以 被 强制 要 求 戴 头盔 才能 骑 车 
时 ， 很 多 人 彻底 放弃 了 使 用 自行 车 。 


@ 你 可 以 在 http:/ssrn.comy/abstract=1368064 阅 读 此 论文 。 
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这 一 结果 让 de Jong 得 出 以 下 结论 : 自行 车 头盔 法 案 实 际 上 对 公众 安全 产生 了 负面 影响 , 没 错 ， 
这 些 法 案 是 避免 了 一 些 伤害 ,但 是 对 于 那些 完全 放弃 使 用 自行 车 ( 取而代之 开 汽 车 ) 的 人 来 说 ， 
他 们 所 遭受 的 健康 影响 全 然 是 负面 的 。 


归根 结 底 , 问题 在 于 这 些 法 案 在 实施 之 前 没有 经 过 检验 。 人 们 在 法 案 影 响 下 的 行为 完全 超出 
了 法 案 制 定 者 的 预期 。 


用 户 界 面 的 设计 也 经 常会 遇 到 类 似 的 情况 。 设 计 的 改版 经 常 并 未 如 你 所 愿 ， 有 时 甚至 与 你 的 
预期 完全 相反 。 


阅读 本 书 中 的 理念 和 规则 的 时 候 , 希望 你 能 说 记 这 一 点 。 你 可 以 尽力 提出 一 个 可 用 的 解决 方 
案 。 在 设计 用 户 界面 的 时 候 , 你 可 以 遵循 所 有 规则 ,作出 看 似 明显 可 用 的 决策 。 但 即使 这 样 , 用 
户 仍 然 会 出 乎 意料 地 误解 你 的 用 户 界 面 , 也 有 可 能 在 你 的 网 站 中 迷失 方向 , 或 者 做 出 一 些 不 可 预 
测 的 、 看 上 去 不 合 逻 辑 的 举动 ， 不 能 完成 那些 最 简单 、 最 显而易见 的 操作 等 。 这 些 情况 无 一 不 让 
你 心 生 惊 奇 。 

永远 不 要 妄想 遵循 可 用 性 规则 的 产品 就 一 定 拥有 很 高 的 可 用 性 。 当 你 设计 用 户 界面 时 , 符合 
那些 常识 即 可 ,但 无 需 依赖 它们 。 要 了 解 这 些 规则 ， 必 要 之 时 ， 也 要 打破 它们 。 说 这 些 ， 并 不 是 
要 你 照 猫 画 虎 ， 完 全 按 我 说 的 去 做 ， 重 点 是 给 你 提供 一 些 思路 与 灵感 ， 之 后 检验 你 的 设计 。 


本 书 结构 


我 将 典型 的 设计 过 程 分 为 三 个 阶段 : 调研 、 设 计 、 实现 。 本 书 章节 即 大 臻 遵循 此 顺序 组 织 的 。 

调研 

跳 过 这 一 阶段 直接 开始 产品 设计 ( 开发 人 员 黄 至 可 以 直接 开始 写 代 码 ) 是 很 诱 人 的 。 在 某 些 
场景 中 ,这 样 做 没 问题 , 但 是 通常 来 说 最 好 做 一 些 前 期 调研 ， 比 如 : 产品 的 目标 用 户 是 谁 ? 解决 
哪些 痛 点 问题 ? 

设计 

思考 如 何 解决 用 户 的 问题 。 设 计 和 解决 方案 , 然后 在 写 代码 之 前 测试 它们 。 在 纸 上 修 改 错误 远 
比 在 代码 中 修复 bug 容 易 得 多 。 

从 设计 的 角度 来 说 , 这 一 阶段 可 能 是 开发 过 程 中 最 重要 的 一 环 。 因 此 ,这 部 分 内 容 在 书 中 也 
占据 了 最 大 的 篇 幅 。 

实现 


创建 项 目 并 持续 测试 。 测 试 的 具体 内 容 包 括 : 你 早期 的 假定 是 否 正确 ?你 的 设计 是 否 起 作 
用 ? 程序 运行 时 用 户 如 何 与 之 交互 ? 实现 的 效果 如 何 ” 你 的 产品 有 怎样 的 容错 机 制 以 及 如 何 处 
理 真实 数据 ? 产品 表现 如 何 ? 


我 主要 赁 感觉 决定 将 理念 类 章节 置 于 何 处 ,你 会 觉得 那 是 恰到好处 的 ,而 且 与 技术 类 章节 完 
美 绪 合 。 


与 此 同时 ， 每 个 技术 章节 都 会 先 给 出 如 下 时 间 线 。 


CAA 


调 设计 实现 


这 个 时 间 线 可 以 帮助 你 了 解 这 种 技术 在 哪个 阶段 最 重要 或 者 应 用 最 广泛 。 上 面 所 示 的 示例 时 
间 线 就 指出 了 ， 某 种 技术 通常 在 产品 开发 过 程 中 实现 阶段 的 最 开始 使 用 。 然而, 很 多 技术 适用 于 
开发 过 程 的 不 同 阶段 。 时 间 线 可 以 很 好 地 对 它们 进行 归 类 ， 当 然 这 不 是 严格 意义 上 的 规定 。 
以 上 描述 使 典型 的 开发 过 程 看 起 来 像 是 线性 的 : 从 调研 到 设计 再 到 实 
现 。 但 实际 上 , 设计 过 程 通常 是 迭代 的 。 产 品 开发 的 流程 看 上 去 更 像 一 个 
圆圈 。 
严格 来 讲 ， 在 产品 的 生命 周期 内 ,开发 是 一 系列 的 线性 迭代 过 程 , 我 
引入 的 线性 时 间 线 概念 应 该 更 容易 理解 。 


补充 一 点 


在 我 们 开始 前 ， 需 要 说 明 的 是 ， 本 书 有 自己 的 主页 : http:/www.pragprog.com/titles/Imuse2。 
主页 内 提供 了 论坛 以 及 勘误 表 。 当 然 , 在 我 写 下 这 上 段 话 时 ， 勘误 表 还 是 空 的 。 但 是 当 你 访问 的 时 
候 ， 没 准 就 不 是 空 的 了 。 

好 ， 介 绍 完 主 页 ， 我 们 开始 进入 正题 吧 。 


扫描 如 下 二 维 码 ， 即 可 购买 本 书 电子 版 。 
[os] 
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第 一 部 分 “调研 


用 广 通 重用 生生 生生 生生 于 放生 


要 想 设计 适合 用 户 的 产品 ， 你 需要 了 解 用 户 。 有 一 些 工具 可 以 协助 你 完成 这 项 任务 ， 
有 些 则 会 误导 你 。 你 要 学 会 辨别 它们 。 


当 能 坟 旦 蚌 于 ce nar 


对 于 如 何 解决 问题 ， 用 户 常常 自 有 一 套 具体 的 想法 。 你 不 能 一 味 听取 意见 建议 ， 而 要 
探究 隐藏 在 背后 的 真正 需求 。 


下 作 影 子 和 情境 访谈 eo 


要 解决 问题 ， 先 了 解 问题 。 要 开发 一 个 能 够 帮助 他 人 的 应 用 ， 先 查 明 用 户 需要 何 种 帮 
助 。 本 章 将 介绍 完成 这 项 工作 的 常用 技巧 。 


用 户 角 色 粮 型 yn DoD 


当 你 完成 调研 并 且 了 解 了 产品 用 户 ， 就 需要 将 这 些 信息 导入 设计 工具 中 。Personas 正 
是 这 样 一 个 工具 ， 它 可 以 帮助 你 在 设计 过 程 中 运用 用 户 调研 的 结果 。 


忱 渤 副 区 的 湖人 


有 时 ， 关 注 人 们 要 做 什么 ， 有 什么 目标 ， 比 关注 他 们 是 谁 更 有 意义 。 你 要 关注 具体 情 
境 ， 并 学 会 如 何 用 设计 解决 问题 。 


并 始 纺 富 志和 宙 Dn 


不 要 小 看 使 用 手册 。 尽 早 考 虑 为 应 用 撰写 文档 ， 可 以 使 设计 思路 更 加 清晰 。 如 果 应 用 
很 难 描述 ， 那 很 可 能 代表 它 很 难 用 。 
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目 录 


的 可 用 企稳 e 26 


尽管 我 们 使 用 的 都 是 高 分 辩 率 的 图 形 设备 ， 文 案 仍 然 是 与 用 户 交互 的 最 重要 一 环 。 确 
保 文案 准确 为 用 户 获得 优质 的 体验 铺 平 了 道路 。 如 果 文 案 有 误 ， 再 优秀 的 图 形 设计 也 
不 能 挽救 你 的 产品 。 


第 8 章 ， 用 户 界面 设计 的 层级 36 


要 使 用 层级 吝 套 的 UI 元 素来 构建 用 户 界面 ， 比 如 视窗 应 该 包含 头 部 、 尾 部 以 及 其 他 区 
域 ， 按 钮 要 署 于 工具 条 中 ， 图 标 列 表 放 在 同一 视图 中 。 对 你 的 用 户 来 说 ， 视 觉 的 层级 
隐 仿 着 UI 元 素 的 关系 。 正 确 的 层级 关系 可 以 让 用 户 更 快 理解 产品 ， 而 不 会 不 知 所 措 。 


卡片 分 类 可 以 帮助 你 了 解 用 户 认为 产品 的 功能 怎样 排列 才 最 合理 。 换 句 话说， 它 可 以 
告诉 你 ， 怎 么 组 织 产 品 才 对 用 户 最 有 益 。 
第 10 章 创建 可 用 的 层级 结构 ee a a 47 


信息 架构 的 主要 任务 是 对 产品 、 的 内 容 进 行 组 织 和 标识 ， 这 并 不 简单 。 本 章 将 提供 一 
导 ， 协 助 你 着 手 进 行 信 各 


记 
0 


第 11 章 心智 模型 ee ee a i i 仙 让 51 


尽 可 能 让 产品 的 实际 效果 和 用 户 的 预期 保持 一 致 ， 是 产品 实现 高 可 用 性 的 关键 。 


二 部 分 设计 
第 中 冯 音 ,保持 开 惫 的 衣 入 全 66 


不 要 过 快 地 倾心 于 某 些 设计 思想 。 你 总 能 找到 更 好 的 解决 方案 。 保 持 开放 的 心态 ， 通 
常 比 过 早 决 定 使 用 并 完善 某 个 设计 方案 要 好 。 你 无 需 担 心 扼 杀 了 已 有 的 好 方案 。 


第 : 介 潼 … 章 网 和 厌 型 和 有 70 


将 设计 原型 用 纸 或 者 专用 的 程序 画 出 来 ， 人 流程 
图 、 故 事 板 、 草 图 、 线 框图 、 实 物 模 型 可 以 协助 你 深入 思考 应 用 的 设计 ， 设 想 用 户 如 
何 使 用 它 ， 以 及 用 户 如 何 与 他 人 交流 、 协 作 。 


目 录 3 

第 14 章 纸 面 原型 测试 a 全 77 
无 需 等 到 产品 运行 的 时 候 才 开始 可 用 性 测试 。 即 使 你 只 有 几 张 草图 都 没 问 题 ， 这 些 足 
够 了 。 

第 15 章 写实 主义 和 88 
有 真实 感 的 用 户 界面 看 上 去 很 棒 ， 但 有 时 候 ， 添 加 过 多 的 细节 反而 会 在 本 质 上 损害 产 
品 ， 让 其 变 得 难 用 。 

第 16 章 自然 用 户 界 面 站 96 
自然 用 户 界面 握 弃 了 图 形 用 户 界面 的 传统 规则 ， 它 的 交互 规则 是 基于 真实 世界 的 。 正 
因 如 此 ， 界 面 会 更 加 易 懂 易 用 。 本 章 将 阐明 如 何 做 到 这 一 点 。 

第 17 章 费 茨 法 则 Gon a de MD ed me Me de ea dn TI Mm eee 102 
区 域 越 大 ， 越 容易 点 击 和 人 触摸， 但是， 区 域 是 不 是 可 以 无 限 大 呢 ? 

et Pt 和 让 站 全 全 108 
动画 可 以 帮助 用 户 理解 程序 如 何 工作 ， 并 且 极 大 地 提升 用 户 体验 。 本 章 将 阐述 何 时 使 
用 动画 ， 以 及 怎样 设计 动画 。 

第 19 章 一 致 性 a 116 
缺乏 一 致 性 通常 是 用 户 界面 中 广 受 用 户 诉 病 的 一 点 。 何 为 一 致 性 ? 对 于 某 些 场景 而 言 ， 
缺乏 一 致 性 是 否 反 而 会 产生 有 利 的 影响 ? 

第 20 章 可 发 现 性 Sr ee a 120 
对 于 用 户 来 说 ， 找 不 到 某 个 功能 与 不 存在 这 个 功能 是 一 回 事 。 开 发 功能 需要 工作 量 和 
金钱 ， 所 以 你 要 确保 用 户 能 发 现 它们 。 

第 21 章 不 要 打 断 用 户 a 125 


打 断 用 户 是 粗鲁 的 ， 计 算 机 也 不 该 这 样 做 。 这 样 不 礼 狐 上 且 不 必要 。 你 要 学 会 如 何 避 免 
打 断 用 户 。 


录 


第 22 章 


第 23 章 


第 24 章 


第 25 章 


第 26 章 


第 27 章 


第 28 章 


第 29 章 


使 用 撤销 代 蔡 哲 晰 人 人 ome end 129 


最 佳 用 户 体验 的 一 个 因素 是 : 让 用 户 信任 你 的 应 用 。 也 就 是 说 ， 允 许 他 们 犯错 误 ， 同 
时 也 要 从 容 、 快 捷 、 安 全 地 处 理 他 们 不 可 避免 的 错误 。 


拿 起 的 瞬间 ， 一 支 铅 笔 变 成 了 一 个 油漆 钢 一 一 你 当然 不 可 能 遇 到 这 种 事 。 这 是 因为 现 
实 世界 不 存在 模型 ， 铅 笔 就 是 铅笔 。 然 而 在 虚拟 世界 中 ,事物 可 以 有 各 种 不 同 的 形态 ， 


这 就 是 个 问题 了 。 


避免 使 用 首选 饮 导 a a 生 半生 全 全 138 
需要 做 选择 的 时 候 ， 最 简单 的 办 法 就 是 将 问题 抛 给 用 户 。 然 而 你 的 用 户 不 是 设计 师 ， 

你 才 是 。 不 要 将 设计 选 型 的 问题 推卸 给 用 户 。 

层级 结构 、 空 间 、 时 间 ， 以 及 我 们 认 知 世界 的 方式 …… 143 


计算 机 擅长 在 层级 系统 中 存储 数据 ， 人 类 则 倾向 于 通过 空间 和 时 间 认 识 世 界 。 大 多 数 
产品 强制 人 类 像 计 算 机 一 样 处 理事 物 ， 而 不 是 让 计算 机 像 人 类 想象 的 那样 工作 。 让 你 
的 产品 表现 得 更 像 人 类 的 一 员 ， 而 不 是 冷冰冰 的 数字 系统 ， 这 样 对 用 户 更 加 友好 。 


应 用 程序 的 速度 听 上 去 属于 技术 细节 ， 与 设计 无 关 。 但 是 ,快速 施展 性 能 、 进 行 响应 
对 用 户 体验 是 大 有 神 益 的 ， 当 然 ， 有 了 时 ( 极 少 情况 )， 过 快 也 会 产生 负面 影响 。 
避免 加 入 过 多 新 功能 155 


发 新 功能 满足 用 户 的 需求 通常 会 让 设计 师 和 开发 工程 师 很 有 成 就 感 ， 但 这 不 是 最 优 
的 选择 。 慎 之 又 慎 地 增加 新 功能 可 以 使 产品 体验 更 佳 、 寿 命 更 长 久 。 


再 资深 的 设计 师 也 会 犯错 ， 比 如 新 增 了 功能 ,结果 发 现 不 但 没 效 果 而 且 是 个 累 殴 。 但 
是 移 除 这 些 功能 又 很 痛苦 。 本 章 将 教 你 如 何 减 轻 这 样 的 痛苦 。 


简 虽 了 予 游 戏 学 河 汪 各 166 
验 。 


小 


游戏 常常 让 人 愉悦 ， 应 用 程序 也 当 如 此 。 程 序 设计 可 以 从 游戏 设计 中 借鉴 很 多 
但 是 ， 要 小 心 ， 有 时 候 游戏 表 里 不 一 ， 很 容易 让 你 误 入 歧途 。 


第 三 部 分 “实现 


第 30 章 


第 31 章 


第 32 章 


第 33 章 


第 34 章 


第 35 章 


第 36 章 


第 37 章 


后 六 设计 178 
设计 师 不 关注 具体 的 代码 实现 ， 但 是 需要 参与 后 台 的 设计 。 如 果 后 人 台 的 设计 和 前 端 用 

户 体验 不 一 致 ， 那 程序 肯定 不 会 正常 运行 。 

打 游 击 式 的 可 用 性 测试 181 
可 用 性 测试 可 以 花 销 极 少 ,但 不 可 能 没有 花 销 。 有 没有 可 能 以 更 少 的 投入 得 到 想 要 的 
测试 数据 呢 ? 回答 是 肯定 的 ， 我 们 能 ! 

首次 运行 体验 于 生生 185 


设计 软件 时 ， 我 们 考虑 的 都 是 司空 见 惯 的 场景 。 我 们 将 样本 数据 填 入 线 框图 ， 将 文字 填 
入 样机 。 但 是 ， 如 果 用 户 是 第 一 次 打开 这 个 软件 ， 它 还 是 空 的 ， 这 时 候 会 发 生 什么 呢 ? 


可 用 性 测试 全 cee memo Doe 189 
第 14 章 提 到 过 可 用 性 测试 。 现在， 是 时 候 对 正在 运行 的 程序 进行 实 实在 在 的 测试 了 。 
本 章 将 阐述 相关 流程 。 
曾 对 曾 测 并 196 
大 家 都 熟悉 的 面对面 可 用 性 测试 可 以 查 明 软件 中 存在 的 可 用 性 问题 。 本 章 将 阔 述 如 何 
进行 这 种 测试 。 
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没有 条 件 或 者 很 难 邀 请 别人 进行 可 用 性 测试 的 时 候 ， 也 不 要 烦恼 ， 因 为 无 需 洲 请 他 们 
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可 用 性 测试 即使 做 得 很 差 也 大 有 帮助 。 当 然 ， 测 试 做 得 越 好 ， 结 果 也 就 越 棒 。 你 需要 

此 


学 着 怎么 避免 那些 常见 的 错误 。 


用户 错误 即 设 计 和 错误 Ooi Di 213 
发 现 用 户 不 会 使 用 产品 ， 最 不 理智 的 做 法 就 是 责怪 他 们 ， 这 毫 无 意义 。 用 户 所 犯 的 错 
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你 的 产品 可 能 已 经 上 线 了 ， 但 是 设计 工作 却 远 没 结束 。 是 时 候 反 思 你 的 选择 ， 并 且 准 
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art J 


调 研 


本 书 第 一 部 分 的 内 容 是 调研 。 你 将 学 到 调研 的 重要 性 ， 哪 
种 调研 有 效 《〈 以 及 需要 避免 的 问题 ) ; 如 何 观 察 用 户 的 实际 行为 ， 
如 何 对 他 们 进行 访谈 ; 如 何 使 用 用 户 角色 模型 跟踪 调研 ， 聚 焦 产 
品 设计 ; 如 何 使 用 卡片 分 类 组 织 产品 。 


首先 让 我 们 了 解 一 下 调研 的 重要 性 。 


用 户 调研 


设计 师 在 谈论 设计 流程 时 ， 经 常 提 到 “以 人 为 中 心 ” 或 “以 用 户 为 中 心 ”"。 通 俗 来 讲 ， 这 意 
味 着 设计 师 要 不 断 地 思考 产品 的 用 户 是 谁 ， 并 且 尽 最 大 努力 为 这 些 用 户 创造 最 优质 的 产品 。 

但 是 怎样 才能 做 到 这 一 点 呢 ? 

这 个 问题 看 上 去 容易 回答 ， 实 则 不 然 ， 不 过 我 们 可 以 通过 用 户 调研 得 到 答案 。 


我 们 怎样 才能 了 解 并 帮助 他 人 实现 目标 呢 ? 最 简单 的 做 法 当然 是 直接 去 问 他 们 。 有 时 这 么 做 
确实 能 得 到 有 用 的 信息 ， 但 是 ， 评 佑 这 些 信息 的 时 候 还 是 要 慎之 又 慎 。 
享 利 .福特 曾 说 过 :“ 如 果 当 年 我 去 问 消费 者 需要 什么 , 他 们 肯定 会 回答 “一 匹 更 快 的 马 " 。 
这 么 回答 是 没 问题 的 , 毕竟 大 多 数 人 并 不 是 产品 设计 师 , 他 们 不 会 耗费 大 量 时 间 来 思考 随 之 而 来 
的 问题 〈 比 如 他 们 需要 一 直 照 顾 马 )， 以 及 一 款 新 产品 能 否 解 决 这 些 问 题 。 他 们 的 对 策 是 修建 马 
帮 ， 雇 用 工人 来 照看 马 ， 随 后 就 对 问题 视而不见 了 。 消 费 者 总 是 偏向 自己 使 用 过 的 产品 ， 而 不 想 
尝试 不 同 的 事物 ， 即 使 它们 能 从 根本 上 解决 问题 。 


结果 ， 人 们 不 但 不 能 告诉 我 们 如 何 解决 他 们 的 问题 ， 甚 至 可 能 连 问题 都 描述 不 清楚 。 最 精 
糕 的 是 ， 即 使 我 们 打算 为 他 们 开发 一 款 产 品 ,， 他 们 也 无 法 预测 自己 是 否 会 使 用 , 以 及 如 何 使 用 该 


焦点 小 组 

焦点 小 组 是 一 种 用 户 调研 方法 。 做 法 是 ， 将 一 种 品牌 、 服 务 、 新 设计 、 设 备 或 者 类 似 的 
产品 交 给 一 组 用 户 ,并且 记录 他 们 的 主观 反应 和 意见 。 收 集 到 的 数据 最 终 会 用 来 预测 大 众 对 
这 款 产品 的 反应 。 
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就 以 雅 达 利 的 Lynx 这 款 游戏 机 为 例 。 20 世 纪 90 年 代 初 期 , 日 本 游戏 公司 任天堂 凭借 Game Boy | 
垄断 了 掌 机 市 场 。 


几乎 每 个 小 孩 都 有 一 台 这 样 的 游戏 机 , 没有 的 孩子 则 十 分 渴望 ,急切 地 等 待 这 样 的 生日 礼物 。 
此 时 ， 任 天 堂 的 竞争 对 手 雅 达 利 看 到 了 机 会 。 


与 焦点 小 组 沟通 之 后 , 雅 达 利 决定 设计 一 丈 比 任天堂 那个 小 型 灰色 设备 更 加 强大 的 掌 机 。 雅 
达 利 为 新 游戏 机 配备 了 彩色 屏幕 和 更 快 的 处 理 器 , 并 命名 为 Lynx。 很 显然 , 它 在 各 方面 都 完胜 弱 
小 的 Game Boy。 雅 达 利 还 专门 设计 了 很 大 的 外 壳 ， 因 为 焦点 小 组 里 的 人 说 ， 他 们 喜欢 尺寸 更 大 
的 机 型 。 

但 是 ，Lynx 最 终 折 戟 沉 沙 ， 没 人 愿意 买 它 。 

我 曾经 就 这 款 产品 问 过 它 的 设计 师 之 一 人 RJ Micall"”， 他 说 了 下 面 这 番 话 。 

“我 从 Lynx 中 得 到 的 最 惨痛 的 一 个 教训 就 是 : 永远 不 要 相信 焦点 小 组 。 我 们 通过 焦 

点 小 组 对 Lynx 做 了 很 多 测试 , 尤其 是 在 外 壳 的 尺寸 和 形状 方面 。 我 们 拿 着 几 个 模型 问 他 

们 : “你 们 喜欢 哪个 ? 感觉 哪个 最 合 你 意 ? ”我 们 分 别 展示 了 大 的 和 小 的 ， 而 后 又 展示 

了 超大 的 和 很 小 的 。 每 一 次 他 们 都 选择 更 大 的 那个 。 他 们 都 建议 : “大 一 点 好 ， 越 大 越 

好 ! 这 样 我 的 钱 才 花 得 值 。” 于 是 乎 ， 我 们 把 产品 的 尺寸 设计 得 很 大 。 然 而 ， 当 Lynx 

面世 的 时 候 ， 他 们 却 话 锋 一 转 : “这 么 大 啊 ? 这 玩意 儿 为 什么 这 么 大 ? ， 太 可 怕 了 ， 初 

代 Lynx 内 部 几乎 是 空 的 ! 我 们 本 来 应 该 相信 自己 的 直觉 , 却 选择 听从 了 焦点 小 组 的 建议 ， 

这 真是 失误 啊 。” 

事实 证 明 , 这 些 人 真 的 不 知道 自己 究竟 想 要 什么 样 的 掌 机 。 他 们 不 能 准确 无 误 地 预测 如 何 使 
用 它 。 尽 管 他 们 声称 想 要 , 但 其 实 根本 不 需要 那么 大 、 功 能 那么 强 的 设备 。 孩 子 喜欢 将 这 类 游戏 
机 装 在 书包 里 随身 携带 。 但 是 Lynx 对 于 他 们 来 说 实在 太 大 了 , 而 且 强 劲 的 处 理 器 和 彩色 屏幕 非常 


Q@ 你 可 以 在 http:/www.mical.org 找 到 更 多 关于 RJ Mical 的 信息 。 
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耗 电 ,一 组 电池 撑 不 到 四 小 时 ; 也 就 是 说 , 一 组 新 电池 都 不 够 用 一 天 。 还 有 ，Lynx 功 能 强大 的 硬 
件 使 得 它 过 于 昂贵 ， 很 多 家 长 不 乐意 给 孩子 花 这 个 钱 。 

人 们 以 为 自己 想 拥 有 搭载 强劲 处 理 顺 和 彩色 屏幕 的 大 款 游戏 机 , 这 也 不 是 没 道理 。 他 们 肯定 
想象 着 : 在 这 样 的 设备 上 玩 游戏 该 多 爽 啊 。 但 现实 是 ， 他 们 需要 的 恰恰 是 便宜 、 小 巧 、 便 携 的 ， 
一 组 电池 就 能 玩 很 久 的 游戏 机 。 


后 来 , 雅 达 利 仓促 发 布 了 一 款 尺寸 小 一 些 的 掌 机 ,但 为 时 已 晚 。 雅 达 利 总 共 售 出 了 50 万 台 Lynx， 
任天堂 则 陆续 售 出 了 1.2 亿 台 Game Boy。 


“我 们 去 问 问 顾客 怎么 想 ” 一 一 这 种 测试 统称 为 概念 测试 (concepttest )。 概 念 测试 有 一 个 通 
病 : 人 们 真 的 不 擅长 做 所 谓 的 情感 预测 ( affective forecasting )， 他 们 并 不 解 自己 想 要 什么 ， 也 难 
以 预测 自己 对 某 种 事物 的 感觉 。 心 理学 家 和 行为 经 济 学 家 将 此 问题 称 为 内 省 错觉 ( introspection 
illusion ) "。 之 所 以 称 之 为 错 党 ， 是 因为 人 们 总 是 自 认 为 了 解 自己 的 感 党 和 欲望。 这 种 想法 会 导 
致 各 种 错误 以 及 认 知 偏差 。 


有 多 种 多 样 的 原因 会 导致 上 述 错误 。 讨 论 这 些 原因 肯定 很 有 趣 ( 而 且 我 也 鼓励 你 从 中 借鉴 一 
些 经 验 教训 ， 心 理学 家 Daniel Kahneman 关 于 这 个 话题 的 著作 会 是 个 不 错 的 切入 点 )， 本 书 就 不 展 
开 讨论 了 。 


有 一 个 原因 要 在 这 里 简单 提 一 下 :聚焦 错觉 ,这 是 指 人 们 倾向 于 关注 产品 或 事件 的 特定 方面 ， 
而 事后 证 明 这 些 方面 没有 最 初 设想 的 那么 重要 。 在 Lynx 的 例子 中 ,人 们 都 关注 产品 功能 是 否 强大 。 
事实 上 ， 价 格 、 电 池 续 航 时 间 、 便 携程 度 才 更 有 意义 ， 但 是 这 些 都 没有 调查 到 。 当 然 ,“ 是 否 便 
携 ” 这 个 问题 没有 “屏幕 是 否 够 大 ， 功 能 是 否 够 强 ” 有 趣 ， 也 不 好 凭 直觉 回答 ， 更 易 被 忽视 。 

人 类 无 法 知道 自己 真正 的 需求 ,这 一 事实 多 少 让 人 有 些 失望 , 但 是 换个 角度 想 想 : 如 果 人 人 
都 知道 自己 的 真实 需求 ， 岂 不 是 直接 去 问 就 好 了 ， 设 计 师 这 一 职业 还 有 什么 存在 的 价值 呢 ? 


Q@ 关于 这 个 话题 ，David McRaney 写 过 一 篇 很 优秀 的 论文 : http://youarenotsosmart.com/2010/05/26/the-perils-of-introspection/。 
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至 此 , 我 们 知道 目标 用 户 是 谁 了 。 我 们 还 了 解 到 他 们 并 不 知道 自己 的 真实 需求 ， 所 以 没 办 法 on 
问 出 来 。 既 然 问 不 出 ， 那 我 们 就 自己 来 挖掘 吧 。 我 们 的 目标 相当 简单 ， 如 下 所 示 。 


找到 问题 解决 方案 
了 解 人 们 目前 在 做 什么 找 出 可 以 使 他 们 正在 做 的 事情 变 得 更 加 容易 、 更 加 高 效 的 方案 
查 明 人 们 不 想 做 却 不 得 不 做 的 事情 让 他 们 免 于 这 些 琐事 的 烦 扰 ， 或 者 至 少 让 事情 变 得 更 有 趣 
了 解 人 们 想 做 的 事情 想 办 法 让 他 们 有 机 会 做 想 做 的 事情 


接 下 来 的 几 童 将 介绍 具体 做 法 。 


我 们 极 易 将 需求 和 功能 混为一谈 。 这 两 者 有 时 确实 很 难 区 分 ,一 般 来 说 ， 需 求 是 问题 ， 功 能 
则 是 解决 问题 的 具体 尝试 。 
比如 ,“ 应 用 的 首 屏 应 该 有 一 个 登录 按钮 ， 好 让 我 输入 我 的 Twitter 凭据 ”， 这 就 是 一 个 特定 功 
能 的 描述 。 
“我 希望 能 用 自己 现 有 的 Twitter 账 号 发 布 推 文 ” 则 是 一 个 需求 。 


下 面 我 们 用 真实 案例 来 区 分 二 者 。 如 果 你 询问 他 人 , 拥有 哪些 东西 可 以 使 他 们 的 日 常生 活 更 
方便 ,他 们 很 可 能 这 么 回答 :“ 我 希望 我 的 车 有 更 大 的 后 备 箱 。” 这 就 是 一 个 功能 需求 。 再 进一步 
挖 气 ,， 你 可 能 会 了 解 他 们 的 真实 需求 。 没 准 他 们 生活 在 大 家 庭 里 , 需要 买 很 多 日 用 杂货 , 但 是 汽 
车 很 难 全 装 下 。 所 以 实际 的 需求 是 :“ 我 需要 养活 家 人 。” 现 在 一 切 都 清楚 了 ,更 大 的 后 备 箱 仅 仅 
是 这 个 问题 众多 可 行 的 解决 方案 之 一 。 可 能 这 个 需求 的 最 优 解 不 是 更 大 的 后 备 箱 , 而 是 在 亚马逊 
上 订购 日 用 品 。 


你 在 问 他 人 需要 什么 的 时 候 , 常常 期 望 他 们 给 你 一 份 需求 清单 , 但 是 你 一 般 得 到 的 都 是 功能 
清单 。 实 际 上 , 设计 师 也 很 容易 落 入 同样 的 陷阱 。 我 们 总 是 急于 找到 解决 方案 ,而 此 时 恰恰 应 该 
深入 思考 问题 本 身 。 


着 眼 于 需求 而 非 功能 
你 应 该 在 寻找 解决 方案 之 前 ， 仔 细 撕 摩 问题 的 本 身 ， 原 因 有 以 下 两 点 。 


首先 ， 你 要 确定 是 否 抓 住 了 问题 的 本 质 ， 换 句 话说， 你 解决 的 这 个 需求 是 否 是 真正 的 需求 。 
如 果 跳 过 这 一 步 直接 去 想 解 决 方案 , 你 就 会 想当然 地 认为 正在 解决 的 是 实质 问题 , 但 实际 情况 通 
常 并 非 如 此 。 你 所 解决 的 不 过 是 表面 的 问题 。 你 的 首要 任务 是 追根 溯源 。 
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这 


不 过 令 人 震惊 的 是 , 我 们 很 容易 陷 人 这 样 的 怪圈 ， 即 不 去 思考 真正 的 问题 ， 而 是 直接 去 找 解 
决 方案 。 
甘 


其 次 ， 就 某 一 问题 给 出 可 能 的 方案 时 ， 你 会 将 这 个 问题 固化 。 我 的 意思 是 ,你 将 思维 限定 在 
了 少数 几 个 方案 上 。 本 书 的 目标 是 尽 可 能 找寻 最 佳 方案 ， 而 不 是 想到 的 第 一 个 方案 。 设 计 工 作 就 
是 这 样 的 ， 设 计 问题 的 解决 是 一 个 循序 渐进 的 过 程 ， 而 不 是 一 个 起 点 。 


在 设计 之 初 ， 你 应 该 尽量 找到 更 多 的 方案 或 者 可 能 性 ， 而 不 是 加 以 限制 。 
开发 产品 而 非 解决 方案 


同样 , 将 问题 孤立 起 来 一 个 一 个 解决 也 是 很 危险 的 。 这 种 方法 不 会 产生 各 部 分 紧密 结合 的 产 
品 ， 只 会 产生 一 个 随机 的 功能 集合 。 产 品 设计 的 目标 是 创造 一 个 产品 ， 而 不 是 将 各 类 功能 随机 拼 
凑 成 一 个 工具 集 ， 不 同 功能 之 间 没 有 协调 和 协作 ， 根 本 不 是 一 个 和 谐 的 整体 。 

这 意味 着 ,通常 整体 看 待 一 系列 问题 更 有 意义 。 你 应 当 考虑 问题 之 间 有 何 关 联 ， 然 后 一 次 性 
将 它们 全 部 解决 掉 。 在 解决 问题 的 过 程 中 , 你 需要 思考 一 下 用 户 还 有 哪些 其 他 的 问题 , 这 些 问 题 
有 什么 联系 ， 与 你 的 产品 和 产品 的 目标 相关 性 如 何 ? 


将 问题 孤立 起 来 ， 会 让 你 忘掉 大 方向 。 你 应 当 后 退 一 步 ， 纵 览 全 局 ， 着 上 腿 于 大 局 。 
寻找 问题 的 根源 

在 情境 访谈 中 ,你 会 问 用 户 需 要 什么 。 用 户 的 答案 通常 是 具体 的 功能 而 不 是 需求 。 你 的 任务 
是 寻找 这 些 功能 背后 的 真实 需求 。 比 如 ， 用 户 为 何 要 你 提供 某 个 功能 ”他 们 想 解 决 什么 问题 ? 


当然 ,仅仅 询问 是 没 用 的 。 人 们 通常 很 难 清晰 表述 他 们 的 真实 意图 。 有 了 时候, 原始 问题 出 现 
的 时 间 太 久 ， 人 们 在 提出 某 个 功能 需求 的 时 候 ， 根 本 想 不 起 是 什么 问题 让 他 们 有 了 这 样 的 需求 ， 
他 们 也 可 能 仅仅 是 不 了 解 自己 的 需求 和 期 望 。 


既然 询问 没 用 ， 那 应 该 怎么 做 呢 ? 


有 一 个 技巧 可 以 将 明确 的 想法 提炼 为 具体 需求 ， 就 是 27 章 提 到 的 “五 个 为 什么 "”。 借 助 这 个 
技巧 ， 你 可 以 通过 一 遍 遍 地 问 “ 为 什么 ”追溯 结论 (“我 需要 这 个 具体 的 功能 ”) 的 源头 ， 或 者 探 
明 根本 的 需求 。 


太 多 人 在 要 求 某 个 功能 的 时 候 不 清楚 要 用 这 个 功能 解决 哪些 问题 ,“ 五 个 为 什么 ”尝试 “ 诱 
导 ” 他 们 回想 起 问题 本 身 。 不 过 ， 有 时 光 问 他 们 为 什么 也 没 作用 。 

因此 ， 最 佳 方案 是 : 自己 去 探寻 。 不 要 简单 地 去 问 用 户 想 要 什么 ,也 不 要 假设 他 们 的 答案 就 
是 真正 的 需求 。 我 们 将 在 第 3 章 详 细 说 明 这 一 过 程 。 


延伸 阅读 
Jared M. Spoo 有 一 篇 文章 讲解 了 需求 的 收集 以 及 为 何 会 产生 无 效 的 需求 ,发 表 在 https:/www. 


uie.com/articles/requirements gathering/。 
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AZ | 


调研 设计 实现 


从 
概 人 心 \ 


工作 影子 和 情境 访谈 这 两 种 技术 用 于 调研 人 们 实际 做 了 哪些 工作 ， 哪 部 分 需要 帮助 ， 以 及 
你 的 产品 能 为 他 们 提供 何 种 帮助 。 如 若 使 用 这 两 项 技术 ， 你 需要 陪同 他 们 工作 ， 和 他 们 探讨 
工作 。 

假如 你 的 应 用 或 者 网 站 有 明确 的 目标 用 户 , 并 且 你 有 条 件 和 他 们 进行 互动 , 就 使 用 这 些 技术 
巴 。 比 如 : 你 在 为 摄影 师 设 计 一 款 产 品 ， 或 者 为 某 公 司 的 雇员 设计 一 款 产 品 ， 而 且 你 可 以 和 他 们 
交谈 ,那么 请 通读 本 章 。 反 之 ， 如 果 你 的 产品 还 没有 定义 好 ,或 者 没有 条 件 访问 你 的 用 户 , 那么 
跳 过 本 章 也 无 妨 。 


王 


优 抬 
用 户 和 你 不 同 。 了 解 他 们 和 他 们 的 问题 ， 有 助 于 你 开发 对 他 们 真正 有 用 的 产品 。 
先决 条 件 


你 需要 明确 地 知道 目标 用 户 是 谁 ， 同 时 还 很 容易 去 拜访 他 们 。 
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用 户 


天 文学 家 、 作 家 Cliff Stoll 兽 有 过 经 典 一 问 :“ 为 什么 门 君 子 和 计算 机 爱好 者 都 被 称 为 
user? ”这 两 种 情境 中 都 使 用 user 这 个 词 诚然 有 点 不 合适 ， 但 我 还 没有 找到 更 合适 的 词 。 尽 
管 有 那么 点 忻 恼 ,我 也 承认 失败 ,但 还 是 勉强 继续 在 本 书 中 使 用 这 个 词 。 在 可 能 的 时 候 , 我 
也 会 尝试 使 用 一 些 更 合适 的 词 ， 人类、 人、 消费 者 都 是 不 错 的 选择 。 


观察 目标 用 户 


在 之 前 的 两 章 , 我 们 认 清 了 这 样 一 个 事实 , 大 多 数 人 都 不 是 产品 设计 师 。 他 们 难以 准确 地 描 
述 自 己 的 产品 需求 ,而 且 经 常 不 能 正确 评估 对 某 一 产品 的 感受 。 因 此 , 我 们 不 能 单纯 地 问 他 们 需 
要 什么 ， 而 是 需要 自己 去 调研 。 工 作 影子 和 情境 访谈 正 是 两 种 可 以 用 来 调研 的 技术 。 


工作 影 


鉴于 人 们 不 清楚 自己 的 需求 , 一 个 好 的 办 法 是 直接 观察 他 们 的 工作 。 工 作 影子 的 理念 是 去 目 
标 用 户 使 用 产品 的 场合 拜访 他 们 。 目 的 是 查 明 我 们 的 产品 如 何 帮助 他 们 实现 目标 。 这 有 点 像 可 用 
性 测试 , 不 同 的 是 ,我 们 是 去 拜访 他 们 ， 并 且 观 察 他 们 做 什么 ， 而 不 是 邀请 他 们 过 来 测试 ,告诉 
他 们 该 怎么 做 。 


可 用 性 测试 的 目的 是 找 出 用 户 界面 的 问题 。 而 工作 影子 的 目标 是 调研 应 该 开发 什么 样 的 产品 ， 
或 者 如 何在 基础 层面 改进 产品 。 有 以 下 几 个 问题 需要 观察 。 


口 这 个 人 在 哪些 任务 上 花费 了 大 量 时 间 ? 
口 他 是 否 在 重复 做 某 件 事情 ? 
D 他 是 否 在 用 权宜 之 计 ? 
口 他 是 否 被 迫 记 住 某 项 任务 的 操作 步骤 、 技 术 事 项 或 其 他 可 以 由 计算 机 来 完成 的 事情 ? 
口 他 做 的 事情 是 否 让 他 感觉 厌烦 或 无 聊 ? 
口 他 是 否 配 合计 算 机 使 用 了 其 他 的 工具 ， 如 在 纸 上 列 表 或 者 计算 器 ? 
产品 的 受众 是 谁 

关于 工作 影子 , 我 没有 提 到 该 观察 谁 ， 观 察 多 少 人 。 原因 是 ,这 些 指标 依赖 于 你 产品 的 
复杂 度 、 应 用 的 类 型 ， 以 及 用 户 的 具体 情况 ， 等 等 。 下 面 是 一 些 基本 原则 。 

如 果 你 正在 开发 一 款 产 品 ,必须 知道 目标 用 户 是 谁 ,目标 用 户 必须 是 本 章 提 到 技术 的 实 
际 使 用 者 。 目 标 用 户 看 上 去 很 明显 ， 实 则 不 然 。 有 时， 人 们 认为 只 有 商业 分 析 师 (毕竟 ， 他 
们 清楚 流程 ， 为 何不 直接 问 他 们 ) 或 者 项 目的 其 他 利益 相关 者 (例如 ， 经 理 知道 他 的 员工 在 
做 什么 ， 所 以 与 其 和 员工 交谈 ,何不 直接 和 经 理 交 谈 ) 才能 参加 这 类 会 话 。 你 要 识别 出 你 的 


产品 的 真正 使 用 者 ， 然 后 同 他 们 交谈 。 


人 数 是 另 一 个 重要 的 方面 。 你 的 观察 对 象 应 该 多 于 一 两 个 人 。 这 可 以 让 你 从 多 人 工作 中 
区 分 出 个 性 与 共性 。 我 的 建议 是 ， 开 始 只 对 3~5 人 做 工作 影子 和 情境 访谈 ， 如 果 感 觉 这 不 能 
有 效 帮 你 提取 用 户 的 需求 ， 可 以 增加 人 数 。 当 然 ， 如 果 你 的 产品 很 复杂 ， 同 时 为 多 种 不 同类 
型 的 用 户 服务 ， 这 一 数量 也 要 增加 。 


当 别 人 工作 的 时 候 不 能 妨碍 他 ,这 是 常识 , 但 是 如 果 你 实在 不 明白 他 在 做 什么 , 可 以 有 礼貌 
地 问 一 下 。 


情境 访谈 

所 见 比 所 闻 更 靠 谱 。 但 是 ， 如 果 能 问 对 问题 ， 也 能 得 到 有 用 的 信息 。 

对 某 人 进行 工作 影子 测试 之 后 , 花 半 小 时 和 他 沟通 一 下 他 的 工作 内 容 。 你 要 找 出 对 哪些 部 分 
进行 改进 是 可 行 的。 但 是 , 切记 不 要 询问 他 的 建议 , 也 要 避免 问 那 些 会 强制 他 扮演 产品 设计 师 角 
色 的 问题 。 

向 某 人 提出 的 问题 应 该 与 他 正在 执行 的 任务 有 关 ， 需 要 包含 以 下 几 点 。 


口 除了 我 今天 看 到 的 ， 你 经 常 还 要 做 哪些 任务 ? 

口 你 经 常 需要 解决 的 问题 是 哪些 ? 

口 任务 为 何 要 这 么 做 ? 

口 如 果 执 行 某 项 任务 时 缺少 信息 该 怎么 办 ? 

口 你 经 常 与 谁 交 流 ， 如 何 交 流 ? 

口 如 果 和 你 协作 的 人 没 来 上 班 怎么 办 ? 出 现 其 他 问题 怎么 办 ? 

不 过 要 牢记 ， 人 们 在 提供 这 些 信息 时 是 无 意识 的 ， 因此, 信息 通常 都 不 完整 ， 有 时 还 会 包含 
一 些 用 户 的 偏好 内 容 甚至 错误 。 即 便 如 此 ,情境 访谈 也 能 让 我 们 了 解 用 户 工作 的 概况 ,以 及 可 改 
进 的 潜在 空间 。 同 时 ,与 多 人 做 访谈 ， 我 们 还 可 以 查 明 那些 被 遗漏 的 或 错误 的 信息 。 


远程 影子 
如 果 没 有 条 件 拜 访 用 户 , 你 可 以 请 他 们 打开 录 屏 软件 , 记录 下 大 约 半天 的 工作 情况 , 然后 将 
录 好 的 视频 发 给 你 。 这 听 上 去 会 产生 相当 大 的 视频 文件 。 不 过 笠 运 的 是 ， 有 一些 技 巧 可 以 解决 这 


个 问题 。 


口 可 以 使 用 低 帧 数 模式 录制 。 大 多 数 时 候 ， 每 秒 一 两 帧 的 画面 足够 了 解 用 户 在 做 什么 了 。 
口 无 需 看 到 所 有 细 广 , 可 以 将 视频 分 辩 率 缩小 至 屏幕 分 辨 率 的 30%, 同时 启用 最 大 压缩 率 设置 。 


口 可 能 完全 不 需要 录制 声音 。 
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口 在 用 户 工 作 的 大 部 分 时 间 , 只 有 局 部 屏幕 有 变动 , 所 以 视频 的 基础 压缩 效果 会 非常 明显 。 
但 是 ， 切 记 告 诉 他 们 关闭 屏保 程序 ， 尤 其 要 关闭 那 种 很 花哨 的 屏保 。 

遵循 上 述 指导 ， 即 使 录 屏 4 小 时 也 可 以 将 视频 大 小 压缩 到 100MB 以 下 ， 同 时 还 有 着 完美 的 可 
视 效果 。 

如 果 录 屏 也 行 不 通 , 那 就 寄 给 他 们 一 台 摄 像 机 ， 请 求 他 们 在 工 位 架设 起 来 。 这 样 ， 完 成 拍摄 
之 后 ， 只 需 将 摄像 机 寄 回 来 就 行 了 。 

快 进 观看 录制 的 视频 , 可 以 让 你 大 致 了 解 他 们 的 工作 内 容 。 之 后 ,你 就 可 以 根据 内 容 问 他 们 
一 些 具体 的 问题 了 。 


情境 访谈 的 局 限 


人 类 能 完成 几乎 所 有 其 他 动物 都 做 不 到 的 事 : 将 自己 置身 于 假设 的 情境 中 。 哈 佛 大 学 心理 学 
家 Daniel Gilbert 在 《哈佛 幸福 课 》 一 书 中 提 到 :“ 人 类 大 脑 最 伟大 的 成 就 是 ， 它 能 想象 出 现实 中 
不 存在 的 事物 和 事件 ， 正 是 这 一 能 力 使 得 我 们 可 以 昼 慨 未 来 .”" 


迟 慢 未 来 确实 是 一 项 伟大 的 成 就 ， 遗 憾 的 是 我 们 对 此 并 不 擅长 ， 第 1 章 提 到 的 Lynx 就 是 一 个 
例子 。 吉 尔 伯 特 指出 , “尝试 想象 将 会 怎样 时 ， 我 们 已 经 犯 了 系统 性 的 错误 ”。 

吉尔 伯 特 关于 这 一 现象 的 解释 很 有 趣 ， 但 就 阅读 本 书 而 言 ， 你 知道 这 些 错 误 存 在 即 可 。 

因此 , 你 不 能 太 过 依赖 他 人 的 建议 。 当 进行 情境 访谈 的 时 候 , 要 集中 注意 力 了 解 人 们 真正 的 
工作 : 他 们 需要 完成 哪些 任务 ， 遇 到 哪些 问题 。 不 要 指望 他 们 告诉 你 问题 的 解决 方案 。 找 出 解决 
方案 是 你 的 任务 。 

人 类 很 不 擅 于 预测 自己 将 如 何 使 用 一 款 产品 。 很 遗憾 ， 这 是 事实 。 更 糟糕 的 是 ,我 们 设计 师 
也 是 如 此 。 我 们 不 知道 哪些 设计 会 有 效 ， 也 不 确定 别人 将 怎么 使 用 一 款 新 产品 。” 

用 户 调研 可 以 帮 我 们 做 出 更 好 的 预测 , 但 是 不 能 消除 所 有 的 不 确定 性 。 因 此 , 请 不 要 陷入 无 
止境 的 调研 当中 。 在 某 个 时 刻 ， 你 需要 跳出 案 白 ， 试 试 其 他 方法 ， 看 看 是 否 有 效 。 


案例 分 析 之 BizTwit 


在 设计 BizTwit 应 用 之 前 , 我 们 花 了 半天 时 间 和 ACME 公 司 的 很 多 员工 共处 , 做 工作 影子 。 该 
公司 维护 了 一 个 Twitter 账 号 ， 用 于 发 布 关于 公司 的 信息 (包括 介绍 其 产品 的 文章 链接 、 与 公司 相 
关 新 闻 的 链接 、 客 户 的 报价 等 )， 同 时 也 提供 了 一 种 和 用 户 互 动 的 方式 。 


Ri 


@ 你 真 的 有 必要 读 一 下 吉尔 伯 特 的 书 , 相信 你 一 定 会 受 上 它 。 如 果 你 的 大 脑 极为 罕见 地 犯 了 大 错 , 拒绝 了 我 的 推荐 ， 

至 少 应 该 看 一 下 吉尔 伯 特 的 TED 演 讲 : http://wwwi.ted.conytalks/dan gilbert asks_why_are_ we_happy.html。 

名 认 知 科学 领域 的 专家 Don Norman 在 一 场 伟 大 的 演讲 中 谈 到 过 这 个 问题 ， 以 及 其 他 关于 设计 研究 的 问题 ， 详 见 
http://vimeo.com/12022651。 


人 
By 
r= 
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我 们 在 ACME 公 司 访 谈 了 三 个 更 新 Twitter 账号 的 人 ， 了 解 了 他 们 何 时 以 及 怎样 使 用 Twitter。 
在 每 个 半天 访谈 的 最 后 ， 我 们 都 会 花 30 分 钟 来 问 一 些 具体 的 问题 。 
在 访谈 的 过 程 中 我 们 注意 到 ， 该 公司 的 CEO 每 天 工作 前 会 先 浏 览 一 些 与 本 行业 相关 的 文章 。 
有 时 ， 他 会 在 公司 的 Twitter 账号 上 发 布 一 些 喜 欢 的 文章 的 链接 。 余 下 的 时 间 里 ， 他 偶尔 查看 一 下 | 
Twitter， 但 是 几乎 不 会 发 布 或 者 回复 评论 。 他 每 周 只 写 两 三 条 消息 ， 一 般 使 用 桌面 的 Twitter 应 用 
来 完成 操作 。 在 采访 中 ， 他 谈 到 ， 不 在 办 公 室 的 时 候 ， 他 有 时 会 用 手机 来 发 布 消息 。 
第 二 个 用 公司 Twitter 账 号 发 布 消息 的 人 是 该 公司 的 公关 代表 。 他 的 职责 是 让 行业 杂志 对 公司 
进行 报道 。 当 某 个 杂志 报道 了 ACME 公 司 , 他 就 把 这 一 信息 发 布 到 Twitter 上 。 他 大 约 每 周 在 Twitter 
上 发 布 一 条 信息 。 
最 后 一 个 用 公司 Twitter 账号 发 布 消息 的 人 是 一 名 工程 师 ， 当 企业 有 重大 活动 时 ，CEO 和 公关 
代表 忙 着 与 来 宾 交 谈 ， 就 由 她 负责 报道 。 在 这 期 间 ， 她 几乎 都 是 用 手机 发 布 的 消息 , 介绍 公司 发 
布 的 新 声明 。 她 很 少 用 Twitter 发 消息 ， 但 是 一 旦 发 布 ， 她 可 能 会 在 一 两 个 小 时 内 发 布 6 条 消息 。 
在 充当 这 三 个 人 的 影子 半天 之 后 , 我 们 对 他 们 进行 了 采访 , 一 些 额 外 的 想法 出 现 了 。 公关 代 
表 说 了 下 面 这 番 话 。 
我 的 问题 是 : 我 们 的 CEO 用 手机 发 推 文 的 时 候 经 常 打 错别字 。 如 果 我 能 对 其 进行 编 
辑 就 好 了 。 
而 工程 师 是 这 样 说 的 。 
在 公司 有 重大 活动 的 时 候 ， 平 时 负责 发 推 文 的 人 会 很 忙 ， 所 以 只 能 我 来 接替 。 但 是 
我 并 不 是 一 个 训练 有 素 的 写 手 ,所 以 常常 担心 写 的 东西 太 过 口语 化 , 或 者 不 能 恰当 表达 
我 想 说 的 。 
为 了 调研 推 特 应 用 BizTwit 应 该 解决 什么 问题 ， 我 们 拜访 了 很 多 公司 ，ACME 只 是 其 中 一 家 。 
不 过 ， 仅 这 三 个 人 就 提供 了 非常 有 价值 的 信息 ， 帮 助 我 们 明白 了 我 们 的 产品 需要 解决 的 问题 。 


要 所 


口 人 们 不 了 解 自己 的 需求 ， 所 以 你 需要 拜访 他 们 ， 然 后 观察 他 们 的 工作 。 
D 询问 具体 的 问题 , 没准 可 以 得 到 有 用 的 信息 , 但 是 在 得 出 结论 之 前 一 定 要 多 采访 几 个 人 。 


延伸 阅读 
在 Cennydd Bowles 和 James Box 所 著 的 《 洪 移 默 化 : 用 户 体验 设计 行动 指南 》 一 书 中 ， 有 一 


章 是 关于 用 户 调研 的 。Robert Hoekman 的 《一 目 了 然 : Web 和 移动 应 用 设计 通 识 方法 》 涵 盖 了 工 
作 影 子 和 情境 访谈 。 另 外 ，Uxmatters.com 网 站 也 有 一 篇 不 错 的 关于 情境 访谈 的 文章 。?” 


GD http:/www.uxmatters.com/mt/archives/2012/06/why-are-contextual-inquiries-so-difficult.php 
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AAAAA | | 


调研 设计 实现 
概念 
本 章 将 介绍 如 何 创建 并 使 用 用 户 角色 模型 。 用 户 角色 模型 是 虚拟 的 角色 模型 , 用 来 代表 目标 
用 户 的 特定 群体 。 


如 果 你 是 大 型 团队 的 一 员 , 正在 做 用 户 调研 ， 且 需要 在 团队 内 通报 调研 结果 , 用 户 角色 模型 
就 会 很 实用 。 反 之 ， 如 果 你 是 单 兵 作战 或 者 身 处 小 团队 ， 那 么 跳 过 本 章 也 无 妨 。 


优点 


用 户 角 色 模 型 十 分 实用 ， 因 为 相 比 细 分 市 场 ， 想象 中 的 用 户 更 加 易于 探讨 。 而且， 用户 角色 
模型 会 让 你 专注 于 产品 。 


先决 条 件 
要 创建 用 户 角 色 模 型 ， 你 首先 要 做 用 户 调研 。 
重申 用 户 角色 模型 的 概念 


目前 为 止 , 你 应 该 做 过 一 些 用 户 调研 了 。 你 已 经 知道 了 产品 需要 解决 的 问题 ,清楚 哪些 人 会 
从 中 获 益 。 


设计 产品 时 , 你 往往 需要 参考 调研 信息 。 但 具体 怎么 参考 呢 ? 探讨 目标 人 群 时 会 遇 到 一 些 困 
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难 ， 比 如 ， 你 很 难说 清 哪些 用 户 存在 特定 问题 ， 他 们 的 技能 水 平 如 何 。 

用 户 角 色 模 型 为 你 提供 了 这 样 一 种 方法 , 可 以 将 用 户 调研 得 来 的 信息 , 合成 为 有 限 数量 的 想 
象 出 来 的 人 物 。 

Alan Cooper 在 《交互 设计 之 路 》 中 首次 引入 了 用 户 角色 模型 这 一 软件 设计 技术 , 书 中 给 出 的 
描述 如 下 。 


用 户 角 色 模 型 并 不 是 真实 存在 的 人 ……: 只 是 在 设计 过 程 中 代表 用 户 。 他 们 是 真实 用 

户 的 假想 原型 。 虽 然 是 想象 出 来 的 ， 但 他 们 的 定义 都 极其 严格 和 精确 。 实 际 上 ， 我 们 并 

不 会 专门 “虚构 ”用 户 模型 ， 因 为 它 是 调研 过 程 的 副产品 。 

用 户 角 色 模 型 不 仅 有 助 于 你 与 他 人 交流 ， 还 具有 如 下 优点 。 

口 它 迫 使 你 专注 于 产品 。 创 造 少量 用 户 模型 使 你 对 产品 的 用 户 有 了 明确 的 定义 。 这 样 还 能 
让 你 放弃 想 满足 所 有 人 的 无 效 想法 。 

口 它 使 得 针对 用 户 的 探讨 更 为 便捷 。 你 会 更 加 深入 地 了 解 目 标 用 户 ， 设 计 流 程 会 更 加 以 人 
为 本 。 


用 户 角 色 模 型 的 缺陷 


使 用 用 户 角 色 模 型 的 目标 是 让 设计 流程 更 加 以 人 为 本 。 但 是 它 也 有 缺点 ， 需 要 引起 注意 。 


用 户 角色 模型 可 能 过 于 灵活 。 用 户 角 色 模 型 本 质 上 是 想象 中 的 人 ， 不 会 为 自己 辩护 。 因 此 ， 
如 有 果 你 先入 为 主 ， 用 户 模 型 可 能 会 强化 你 的 偏见 。 想 象 目 标 用 户 时 , 你 总 能 为 自己 现 有 的 观点 想 
出 合理 的 场景 。 


用 户 角色 模型 让 你 产生 以 人 为 本 的 印象 ,而 你 并 没有 与 真人 互动 , 它 成 了 根本 没 “ 以 人 为 本 ” 
的 设计 流程 的 遮羞 布 。 用 户 角色 模型 还 让 设计 师 免 于 所 有 辛苦 的 工作 ， 比 如 走出 去 用 真实 用 户 来 
测试 设计 决策 。 

创建 用 户 角色 模型 还 很 耗 时 。 将 用 户 调研 的 结果 提炼 为 特定 的 角色 , 用 来 代表 部 分 目标 用 户 ， 
会 花费 很 多 时 间 。 同 时 ,你 还 要 为 这 些 角 色 创 造 一 些 背 景 故 事 ， 然 后 与 项 目的 相关 人 员 探 讨 这 些 
故事 。 有 时 ， 耗 费 的 时 间 与 成 果 不 成 正比 。 


谈论 假想 的 人 有 些 别 扭 。 并 不 是 设计 团队 的 每 个 人 都 喜欢 做 这 样 的 事 :把 想象 出 来 的 "Emma” 
当 作 真 实 存在 的 人 ， 假 设 她 有 意 使 用 产品 。 

小 团队 尤其 如 此 , 用 户 角 色 模 型 可 能 产生 不 了 太 大 收益 。 很 有 可 能 每 个 参与 者 都 能 很 好 地 定 
位 目标 用 户 ， 基 本 不 需要 为 了 沟通 而 想象 用 户 角 色 。 而 且 ， 你 的 产品 也 许 已 经 锁定 了 必要 功能 ， 
因为 小 团队 不 可 能 创造 出 所 有 人 都 喜欢 的 产品 ， 即 使 团队 有 志 于 此 。 

如 果 你 将 这 些 潜在 的 问题 考虑 好 ， 用 户 角 色 模 型 仍然 可 以 很 有 价值 。 
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创建 用 户 角色 模型 
首先 要 与 他 人 交谈 ， 进 行情 境 访谈 。 一 开始 ， 


你 可 能 认为 产品 的 目标 用 户 群 体 包含 各 种 人 ， 


人 但 是 ， 和 很 多 人 交流 过 之 后 ,你 会 发 现 许多 人 拥有 相似 的 目 
标 。 基 于 这 一 信息 ,你 可 以 创建 简化 的 角色 模型 ,覆盖 大 部 分 目标 用 户 的 目标 。 用户 角 色 模 型 越 


es 


决 于 你 的 产品 ， 有 时 可 能 需要 更 多 。 


每 个 用 户 角 色 模 型 都 应 该 有 定义 明确 的 目标 。 你 需要 思考 这 个 角色 为 何 想 用 你 的 产品 , 他 想 


实现 什么 目标 。 


接 下 来 ， 你 需要 为 每 一 个 用 户 模型 增加 和 设计 相关 的 细节 ， 比 如 技能 水 平 、 年 龄 、 性 别 、 平 


常 的 生活 、 常 用 设备 〈 他 们 更 倾向 于 用 手机 、 平 板 电脑 ， 还 是 桌面 端 来 访问 网 站 )。 你 可 能 还 要 


考虑 某 个 用 户 角 色 模 型 是 否 更 为 重要 ， 即 使 对 其 他 


角色 不 利 也 要 优先 满足 他 的 需要 。 


一 旦 明确 了 这 些 相 关 的 细节 ,就 可 以 添加 一 些 与 设计 无 关 的 个 人 信息 了 。 这 么 做 有 几 个 理由 。 


首先 ,增加 个 人 信息 可 以 使 角色 更 容易 被 记 住 。 人 脑 对 个 人 信息 的 记忆 更 深刻 。 其 次 , 个 人 信息 


使 用 户 角 色 模 灵活 性 更 小 。 我 先前 讨论 用 户 角色 模 


最 后 ， 给 角色 起 名 字 ， 添 加 头像 。 
头像 需要 有 特点 ， 容 易 辨 识 ， 且 不 能 使 用 名 人 
选 个 一 看 就 知道 此 人 是 谁 的 名 字 是 明智 的 作法 


型 的 缺陷 时 曾 指出 过 , 设计 师 很 容易 将 自己 的 


思想 映射 到 角色 模型 上 ， 因 为 模型 不 会 为 自己 辩护 ， 只 会 被 动 接受 一 切 。 添 加 的 具体 细节 越 多 ， 
你 对 模型 的 影响 就 越 小 。 最 后 ， 添 加 的 这 些 细节 在 设计 过 程 中 可 能 会 突然 变 得 很 重要 。 所 以 ,为 
用 户 角色 模型 添加 些 关 于 他 们 家 庭 、 工 作 、 兴 趣 爱好 的 信息 吧 


的 照片 。 图 片 素材 和 简 笔画 是 不 错 的 选择 。 
(比如 , 名 字 的 首 字 母 可 以 和 他 的 工作 的 首 字 


母 一 致 ， 或 者 他 的 职务 可 以 充当 他 的 姓 )， 但 是 一 定 要 避免 含有 负面 含义 的 名 字 〈 如 : 哈 利 ， 黑 
客 ) 或 者 可 能 让 人 联想 到 真人 的 名 字 〈 如 : 布 兰 妮 ， 


使 用 用 户 角 色 模 型 


也 


比 们 )。 


在 探讨 产品 的 设计 时 , 我 们 容易 过 分 宽泛 地 探讨 目标 用 户 。 用 户 喜 欢 图 片 分 享 网 站 里 的 图 片 


自动 上 传 功能 吗 ? 他 们 知道 怎么 使 用 上 传 功 能 吗 ? 


这 样 很 难 了 解 用 户 的 真实 需求 。 使 用 用 户 角 色 模 型 ， 事 情 就 变 得 简单 了 。 


哪个 用 户 角色 模型 想 上 传 图 片 到 图 片 分 享 网 站 
能 才能 实现 他 的 目标 ? 


? 考虑 到 他 目前 的 技能 和 意图 , 设计 怎样 的 功 


不 要 进行 过 于 宽泛 的 思考 ， 要 关注 具体 的 角色 模型 。 
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用 户 角 色 模 型 不 能 代替 用 户 调研 


使 用 用 户 角色 模型 的 时 候 ， 很 诱 人 的 做 法 是 假设 Emma 会 用 计算 机 ， 而 且 我 们 曾 为 像 她 一 样 
的 人 设计 过 产品 ， 所 以 不 再 需要 让 真实 用 户 参 与 我 们 的 产品 设计 。 这 是 错 的 。 

用 户 角 色 模 型 可 以 协助 你 与 团队 成 员 交 流 , 对 用 户 调研 进行 评估 ,然后 在 设计 选 型 的 时 候 使 
用 这 些 数据 。 但 是 他 们 替代 不 了 真实 用 户 的 作用 。 你 仍然 需要 通过 直人 测试 设计 ， 以 此 确认 它 行 
得 通 。 
案例 分 析 之 BizTwit 

在 第 3 章 ， 我 们 拜访 了 一 些 就 职 于 不 同 公司 的 人 。 目 的 是 调研 我 们 的 Twitter 应 用 可 以 解决 哪 
些 商业 问题 。 

现在 , 我 想 将 这 些 信 息 提炼 为 一 些 用 户 角色 模型 原型 。 每 个 模型 代表 一 部 分 目标 用 户 。 本 章 
结尾 的 图 表 展 示 了 其 中 一 个 模型 的 样 例 。 

这 是 个 十 分 简单 的 用 户 角色 模型 ,在 真实 的 项 目 中 ,你 可 能 需要 用 一 些 额 外 的 信息 来 充实 它 。 


要 所 


口 用 户 角色 模型 是 想象 出 来 的 人 ,代表 产品 目标 用 户 中 的 一 组 具体 用 户 。 

口 用 户 角 色 模 型 并 不 适用 于 所 有 人 。 维 护 模 型 需要 时 间 ， 设 计 师 有 时 候 还 很 容易 将 自己 的 
想法 映射 到 模型 上 。 

口 用 户 角色 模型 不 能 代替 用 户 调研 ， 只 能 协助 你 将 用 户 调研 结果 融入 产品 。 

口 用 户 角色 模型 可 以 协助 你 对 用 户 调研 得 到 的 信息 进行 评 佑 ， 使 产品 专注 于 定义 好 的 一 组 

角色 ， 协 助 设计 团队 的 内 部 交流 。 

口 以 用 户 角色 模型 确定 设计 选 型 。 不 需要 泛泛 地 探讨 用 户 ， 要 讨论 具体 的 角色 模型 。 回 答 
这 样 几 个 问题 : 这 个 功能 是 为 谁 设计 的 ? 有 哪个 用 户 角 色 模 型 想 用 这 个 功能 吗 ? 角色 的 
知识 背景 如 何 ? 这 个 角色 有 怎样 的 需求 ? 这 个 功能 是 否 能 满足 他 的 需求 ? 


延伸 阅读 
Alan Cooper 在 《交互 设计 之 路 》 和 《交互 设计 精髓 》 中 提 到 过 用 户 角色 模型 相关 的 知识 。 
John Pruitt 的 The Persona Lifecycle [PA06] 专 门 介 绍 了 用 户 角 色 模 型 ， 这 本 书 很 赞 。 


Larry Constantine 与 Lucy Lockwood 合 著 的 Sofftware for Use [CL99] 也 是 这 个 话题 不 错 的 切入 点 。 
这 本 书 倡导 一 种 不 同 的 方法 ， 作 者 称 之 为 用 户 角色 模型 。 
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马克 米 勒 


工作 管理 人 员 。 主 要 参与 产品 开发 和 客户 开发 ， 有 了 时 也 
喜欢 关注 市 场 


年 龄 50 
性 别 男 
技能 30 年 的 使 用 经 验 (从 Atari ST 开始 ) 使 Mark 能 熟练 使 


计算 机 、 智 能 手机 。 知 道 如 何 安装 应 用 ， 但 是 将 
操作 系统 的 安装 工作 留 给 了 公司 的 系统 管理 员 


目标 希望 能 够 通过 PC 和 手机 发 布 Twitter 消 息 ， 通 常 包含 
某 篇 文章 的 链接 ， 还 有 几 句 评论 。 和 希望 能 在 其 他 人 
向 公司 的 Twitter 账号 发 布 信息 之 前 检查 这 些 信息 


池 


有 两 个 孩子 , 但 是 不 住 在 一 起 。 麦子 Mandy 在 一 家 文 
具 公司 担任 营销 主管 。 他 喜欢 和 妻子 讨论 营销 话题 ， 
在 公司 也 喜欢 参与 营销 工作 。 他 很 低调 ， 开 一 辆 外 
色 的 奔驰 ， 经 常 穿 一 套 深 灰色 的 西装 。 使 用 联想 
ThinkPad 笔 记 本 电脑 ， 认 为 使 用 安 卓 手 机 而 不 是 黑 
侮 是 一 种 时 尚 。 业 余 时 间 会 打 壁 球 和 网 球 


Wt 


而 油 


以 活动 为 中 心 的 设 许 


目前 为 止 , 我 们 假定 以 人 为 本 的 设计 流程 总 是 好 的 。 事实 上 ,这 并 不 总 是 最 优 的 流程 。 让 设 
计 以 活动 为 中 心 也 是 很 不 错 的 。 对 于 很 多 产品 来 说 ， 这 样 的 设计 流程 更 加 合理 。 

以 人 为 本 的 设计 理念 是 , 深入 了 解 使 用 你 产品 的 潜在 用 户 ， 为 这 些 人 量 身 设计 产品 。 而 以 活 
动 为 中 心 的 设计 则 是 根据 活动 或 者 目标 设计 产品 。 

这 并 不 是 全 新 的 思路 , 大 多 数 的 设计 都 是 以 活动 为 中 心 的 ,比如 , 门 把 手 不 是 为 了 某 个 用 户 
设计 的 ， 而 是 为 了 让 开门 这 一 行为 尽 可 能 简单 和 明显 。 汽 车 的 方向 盘 、 电 梯 的 按钮 、 计 算 机 上 的 
多 数 程序 ,以 及 你 定期 会 访问 的 那些 网 站 ,都 是 为 了 使 某 种 活动 或 大 量 活动 尽 可 能 容易 、 明 显 而 
设计 的 。 

当然 ， 以 活动 为 中 心 的 设计 也 不 可 能 是 所 有 项 目的 完美 解决 方案 。 举 个 例子 , 假如 你 想 开 发 
一 球面 向 小 众 用 户 的 产品 ， 可 以 对 比 下 图 所 示 的 两 款 鼠 标 。 


A 
左边 的 是 Mac 电 脑 附带 的 鼠标 。 它 的 设计 考虑 了 最 广泛 的 用 户 群 体 。 用 户 在 第 一 次 接触 这 个 
鼠标 时 ， 就 应 当 能 轻松 地 使 用 它 ， 和 拥有 20 年 计算 机 使 用 经 验 的 人 没什么 区 别 。 为 了 达到 这 一 目 
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标 ， 它 的 默认 配置 具有 一 个 按键 ， 按 下 这 个 鼠标 的 任何 地 方 都 能 触发 这 个 按键 。 
这 款 鼠 标 使 用 起 来 很 简单 。 它 不 一 定 是 最 完美 的 鼠标 ， 但 是 几乎 所 有 人 都 能 够 使 用 它 。 
右边 的 鼠标 是 Cyborg R.A.T.，“ 专 为 动作 游戏 玩家 设计 。 它 配备 了 五 个 按键 ,支持 三 种 模式 
的 转换 , 这 就 相当 于 允许 用 户 在 这 些 按 键 上 自 定义 15 种 不 同 的 命令 。 它 还 配备 了 可 替换 的 面板 和 
掌 托 ， 可 以 适应 玩家 不 同 的 握 鼠 标 方式 。 鼠 标的 灵敏 度 也 可 以 动态 调整 。 鼠标 还 配备 了 可 拆 印 的 
重 物 ， 可 以 调整 鼠标 的 重量 。 最 后 ， 它 是 个 有 线 鼠 标 。 这 是 因为 动作 游戏 玩家 不 喜欢 无 线 鼠 标 带 


这 些 功能 使 得 这 个 鼠标 对 于 它 的 目标 用 户 来 说 是 完美 的 , 但 这 些 功能 也 会 让 其 他 人 兴趣 索然 。 
一 个 拥有 15 种 可 编程 按键 、 可 改变 重量 的 有 线 鼠 标 ， 对 于 大 多 数 人 来 说 是 没什么 用 的 。 

右边 的 鼠标 很 复杂 。 它 是 一 些 人 的 理想 鼠标 ， 但 更 多 的 人 不 会 使 用 它 。 

产品 的 具体 性 质 决 定 了 你 需要 关注 用 户 还 是 活动 。 这 两 种 设计 过 程 会 产生 不 同 的 结果 。 尽 早 
决定 关注 点 很 重要 。 

那么 ， 以 活动 为 中 心 的 设计 怎样 实现 呢 ? 极力 倡导 以 活动 为 中 心 进行 设计 的 Don Norman 说 
过 ， 最 主要 的 区 别 是 态度 。 以 活动 为 切入 点 ， 而 不 是 用 户 ， 可 以 让 你 换个 角度 认识 问题 。Larry 
Constantine 和 Lucy Lockwood 在 合 著 的 Sofrware for Use [CL99] 中 提 到 过 : 归根 结 底 ， 更 重要 的 是 
理解 身 为 活动 参与 者 的 用 户 ， 而 不 是 普通 意义 上 的 人 。 

不 要 为 具体 的 用 户 或 者 角色 模型 设计 产品 , 要 了 解 他 们 的 活动 ， 然后 为 活动 设计 产品 。 也 不 
要 让 产品 去 适应 不 同 的 人 ， 而 要 以 活动 为 中 心 设计 产品 ， 让 用 户 适应 它 。 
要 点 

口 有 些 产品 可 能 更 加 适合 将 活动 当 作 设计 流程 的 重点 。 

口 进行 用 户 调研 ， 了 人 解 你 需要 支持 什么 活动 ， 但 不 要 为 特定 的 人 设计 特殊 的 活动 。 

口 评估 用 户 反 馈 的 时 候 要 有 批判 性 。 有 时 ， 将 产品 设计 得 对 特定 群体 很 友好 ， 反 而 会 对 其 

他 人 不 利 。 

口 记 住 ， 用 户 有 能 力 适 应 你 的 产品 ， 不 用 总 是 让 你 的 产品 去 适应 用 户 。 

延伸 阅读 


Don Norman 在 一 篇 颇 受 争议 的 文章 “以 人 为 中 心 的 设计 可 能 有 害 ”( Human-Centered Design 
Considered Harmful )“ 中 探讨 过 以 活动 为 中 心 的 设计 。 


Qa 访问 http://cyborggaming.com 了 解 更 多 。 
@ 详 见 http:/www.jnd.org/dn.mss/human-centered.html。 
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在 Sofiware for Use [CL99] 中 , Larry Constantine 和 Lucy Lockwood 主张 “以 使 用 为 中 心 的 设计 ”， 
而 不 是 “以 用 户 为 中 心 的 设计 ”。 

Robert Hoekman 在 《一 目 了 然 : Web 和 移动 应 用 设计 通 识 方 法 》 中 探讨 了 “以 用 户 为 中 心 的 设 
Pg 

当然 , 还 有 很 多 其 他 类 型 的 设计 流程 ,不 止 本 章 提 到 的 这 几 种 。 比 如 ，Alan Cooper 在 《交互 
设计 精髓 》 中 就 提出 了 一 种 名 为 “以 目标 为 导向 的 设计 ”的 设计 流程 。 


开始 编写 文档 


GLAAAAANAGAAAAAAAANAAAA 
调研 设计 实现 
概念 


本 章 ,我 们 讨论 一 下 使 用 手册 、 博 客 文章 、 录 屏 、 新 闻 稿 等 。 大 体 上 来 说 , 这些 内 容 会 让 人 
们 对 你 的 产品 感 兴 趣 ， 还 能 帮助 他 们 了 解 如何 使 用 产品 。 在 开发 流程 的 最 初 阶段 做 这 些 工 作 , 常 
常 被 称 为 逆向 作业 。 


优 卡 
尽早 编写 文档 有 助 于 评估 设计 成 果 。 如 果 不 能 轻松 地 描述 某 物 , 很 有 可 能 是 因为 它 的 设计 不 
够 好 。 


在 设计 的 过 程 中 编写 使 用 手册 意味 着 从 用 户 视 角 出 发 描述 事物 , 不 使 用 专业 术语 。 某 项 工作 
你 做 得 越久 ， 就 越 难 同 那些 不 具备 相关 知识 的 人 交流 。 


先决 条 件 
你 应 该 大 体 知道 目标 用 户 是 谁 ， 以 及 产品 将 解决 哪些 问题 。 
使 用 手册 


很 多 产品 都 会 附带 某 种 使 用 手册 ,说 明 如 何 使 用 此 产品 。 很 多 手册 很 糟糕 ,这 很 可 怕 ， 因 为 
人 们 一 般 会 在 不 知道 如 何 使 用 产品 的 情况 下 打开 手册 。 换 句 话 说 ,他 们 已 经 很 恼怒 、 很 不 开心 了 ， 
而 使 用 手册 竞 然 还 这 么 整 脚 。 
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手册 不 能 写 得 那么 糟糕 。 将 此 项 工作 赋予 高 优先 级 ， 即 尽早 考虑 、 尽 早 着 手 。 
在 设计 过 程 中 ， 你 不 用 思考 实现 细节 。 此 时 ,用 户 也 不 了 解 产 品 运 转 的 技术 细节 ， 你 正好 可 


以 从 他 们 的 视角 审视 使 用 手册 。 


尽早 地 编写 手册 还 有 另外 一 个 好 处 : 这 样 可 以 强制 你 描述 产品 如 何 运作 。 没 有 多 少 工作 像 编 
写 使 用 手册 那样 要 求 你 思考 设计 细节 。 如 果 某 个 东西 很 难 描述 ,很 可 能 是 因为 它 很 难 使 用 ,需要 


重新 设计 。 
那么 ， 如 何 写 好 使 用 手册 呢 ? 


你 需要 将 使 用 手册 视 为 产品 的 一 部 分 。 良 好 的 使 用 手册 堪 比 一 个 实用 的 功能 。 你 要 像 维 护 其 
他 功能 一 样 维护 手册 ， 像 设计 产品 的 其 他 功能 一 样 设计 使 用 手册 。( 如 果 你 同时 负责 写 代 码 和 手 
册 ， 可 以 将 手册 也 纳入 版 本 管理 系统 。) 考虑 如 下 问题 : 用 户 会 怎么 使 用 手册 ? 手册 是 否 需要 结 


构 化 ? 应 该 包含 哪些 内 容 ? 
产品 手册 千 万 不 要 最 后 才 写 。 那 是 产品 很 重要 的 一 个 功能 ， 


博客 文章 


理应 与 其 他 重要 功能 一 样 受到 重视 。 


使 用 手册 很 重要 , 但 不 是 向 用 户 介绍 产品 的 唯一 方式 。 实 际 上 ,很 多 产品 根本 没有 使 用 手册 。 


博客 文章 是 另 一 种 介绍 产品 的 重要 工具 。 和 手册 一 样 ,博客 文章 也 有 两 个 优点 : 有 助 于 人 们 


了 解 你 的 产品 ， 方 便 你 发 现 产 品 存在 的 问题 。 


设计 一 个 功能 之 后 ,你 可 以 写 一 篇 博文 ,告诉 用 户 这 个 新 功能 有 多 棒 , 如 何 用 它 做 很 酷 的 事 。 
这 个 不 需要 马上 发 表 ， 写 下 来 就 好 ， 以 此 检测 你 能 否 很 轻松 地 解释 为 何 用 户 要 关注 这 个 新 功能 ， 


能 否 轻 松 地 描述 新 功能 多 么 简单 易 懂 。 


如 果 没 有 通过 这 样 的 检测 ,那么 可 能 你 的 设计 还 有 改进 的 空间 ,可 以 变 得 更 引 人 注 目 , 更 实 


用 ， 更 容易 描述 。 


还 有 一 点 要 注意 , 在 设计 过 程 中 产生 的 文档 和 实物 模型 都 应 该 保存 下 来 。 这 些 将 成 为 博文 素 


材 ， 比 如 你 以 后 可 以 写 写 “ 我 的 设计 灵感 源 于 何 处 ”。 
录 愤 


录 屏 是 介绍 新 产品 或 者 已 有 产品 新 功能 的 极 佳 工具 。 如 果 你 正 从 事 设 计 工 作 , 那 就 应 该 考虑 
一 下 如 何 将 效果 呈现 在 视频 里 。 哪些 卖点 可 以 吸引 用 户 关注 新 功能 ? 是 否 可 以 在 视频 里 展示 某 个 


具体 的 问题 如 何 解 决 ? 你 能 否 流畅 地 描述 新 功能 ? 


如 果 有 原型 ， 就 去 创建 一 个 录 屏 视频 来 解释 它 的 工作 原理 吧 。 不 需要 发 布 。 创 建 录 屏 视频 没 


准 会 提醒 你 注意 到 设计 存在 的 问题 。( 如 果 想 不 出 在 视频 里 展示 产品 解决 了 什么 问题 ， 或 许 这 个 
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功能 没有 存在 的 必要 。) 最 好 能 在 产品 设计 完毕 时 ,创建 一 个 录 屏 视频 供 大众 观 看 。 
新 闻 稿 
新 闻 稿 是 另 一 个 可 以 在 设计 过 程 中 编写 的 文档 。 你 能 在 新 闻 稿 中 描述 产品 , 让 它 听 起 来 很 吸 
引 人 吗 ? 
如 果 新 闻 稿 看 上 去 平淡 无 奇 ， 可 能 是 因为 你 的 计划 有 误 。 
亚马逊 公司 的 做 法 是 ,在 产品 设计 之 前 写 好 新 闻 稿 。 亚 马 逊 的 CTO Werner Vogels 说 过 : “一 
开始 就 写 新 闻 稿 可 以 了 解 外 界 怎 么 看 竺 你 的 产品 ， 而 不 仅仅 是 公司 内 部 如 何 看 待 它 。 ? 
同样 , 你 还 可 以 尝试 为 产品 写 广告 或 者 标语 。 你 能 用 一 句 话 来 描述 自己 的 产品 吗 ? 如 果 不 能 ， 
为 何不 能 ? 
探讨 任务 
无 论 是 编写 手册 、 博 客 ， 还 是 制作 录 屏 视频 ， 探 讨 具体 任务 都 比 介绍 具体 功能 要 好 得 多 。 
文档 通常 只 是 简单 地 介绍 产品 的 每 个 功能 。 但 是 除非 你 开发 的 是 最 基础 的 产品 ( 比如, 一 个 


闹钟 )， 否 则 描述 每 个 功能 不 是 特别 有 效 。 用 户 不 想 了 解 细节 ， 他 们 只 想 知道 怎么 完成 某 个 具体 
的 任务 。 人 都 有 目的 性 ， 用 户 之 所 以 用 你 的 产品 ， 是 认为 它 可 以 帮助 他 们 实现 目标 。 
比如 , 在 博文 中 描述 图 片 编辑 器 中 的 图 层 怎么 工作 ,还 不 如 介绍 如 何 给 照片 加 边框 ， 怎 么 添 
加 酷 炫 特效 , 在 这 一 过 程 中 自然 就 介绍 了 图 层 功 能 。 在 使 用 手册 中 展示 文本 处 理 器 的 切换 按钮 怎 
么 用 ， 还 不 如 直接 介绍 如 何 设计 美观 的 书信 一 一 切换 按钮 也 会 在 其 中 被 提 及 。 
在 Getting Real [FHL09] 一 书 中 ,37signals 公 司 的 人 建议 :“ 如 果 你 发 现 自己 需要 用 言语 来 描述 
新 功能 或 者 概念 ， 就 为 它 写 个 简短 的 小 故事 吧 。” 不 要 涉及 技术 细节 ， 仪 仅 是 聊 聊 它 。 
你 要 将 自己 想象 成 老师 ， 而 不 是 技术 文档 的 作者 。 
案例 分 析 之 BizTwit 
为 了 明确 定义 BizTwit 的 作用 ， 设 计 团 队 已 经 写 好 了 博文 ， 可 以 在 产品 完成 的 时 候 用 来 介绍 
这 款 应 用 。 
现在 市 面 上 有 数 不 清 的 Twitter 周 边 应 用 。 我 们 想 尝 试 体验 所 有 的 应 用 ,但 是 因为 硬 
盘 空 间 不 足 而 放弃 了 。 很 明显 ,现在 世界 需要 更 多 的 Twitter 周 边 应 用 。 所 以 , 今天 我 们 
来 介绍 一 下 自己 的 产品 。 来 ，BizTwit， 和 大 家 打 个 招呼 吧 。 
为 何 这 个 世界 需要 我 们 这 款 Twitter 辅 助 应 用 呢 ? 


出 


I 


GD 详 见 http://www.allthingsdistributed.com/2006/11/working_backwards.html。 
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因为 现在 市 面 上 的 Twitter 辅助 应 用 都 是 为 那些 每 天 都 使 用 Twitter 的 用 户 而 设计 的 。 
它们 支持 你 关注 其 他 人 ， 回 复 他 人 的 推 文 ， 以 及 写 自 己 的 推 文 。 还 有 些 应 用 提供 了 更 先 
进 的 功能 , 支持 多 账号 以 及 简洁 的 功能 ， 比 如 调用 Instapaper 的 接口 来 保存 文章 。 但 是 所 
有 这 些 应 用 都 太 大 众 化 了 。 
而 BizTwit 则 不 同 。 它 的 目标 用 户 是 那些 需要 更 新 公司 Twitter 账号 的 人 。 
口 多 人 共享 同一 账号 。 
口 多 人 共享 同一 草稿 。 
口 不 同 的 人 拥有 不 同 的 权限 。 

后 期 我 们 会 继续 描述 更 多 的 功能 。 现 在 ， 你 先 下 载 一 份 副 本 吧 。 
这 篇 博文 十 分 简短 ， 但 足以 说 明 产品 的 设计 期 望 。 


要 扣 


口 编写 手册 和 博文 ， 制 作 录 屏 视频 ， 强 迫 自 己 向 其 他 人 描述 设计 。 这 有 助 于 你 查找 出 设计 
中 存在 的 问题 ， 如 果 产 品 很 难 描 述 ， 那 么 很 可 能 它 也 很 难 用 。 

口 一 般 用 户 阅 读 手册 的 时 候 已 经 遇 到 了 麻烦 ， 心 情 不 佳 ， 所 以 要 确保 使 用 手册 能 有 效 解决 
问题 ， 千 万 别 让 他 们 更 加 恼怒 。 

口 新 闻 稿 和 博文 有 助 于 你 深入 思考 产品 的 目标 ， 专 注 于 想 解 决 的 问题 。 你 能 用 一 句 话 描述 
自己 的 产品 吗 ? 如 果 不 能 ， 那 么 可 能 你 做 的 很 多 工作 都 是 徒劳 的 ， 或 者 说 你 没有 解决 具 
体 问 题 。 


延伸 阅读 
Bruce Tognazzini 写 过 一 篇 关于 使 用 手册 编写 的 文章 ， 提 到 了 很 多 提升 手册 价值 的 好 主意 。” 


如 果 你 正在 写 用户 使 用 手册 ， 想 知道 如 何 进行 测试 ， 可 以 看 看 Menno de Jong 和 Pieter van der 
Poort 的 论文 “Towards a usability test procedure for technical documents”， 这 篇 文章 发 表 在 Google 
Books 以 及 Quality of Technical Documentation [SJ94] 一 书 中 。 


如 果 想 进一步 了 解 如 何 编写 文档 ， 请 阅读 第 7 章 。 
苹果 公司 建议 “以 应 用 定义 声明 为 开端 "， 这 和 “逆向 作业 ”理念 相同 。” 


GD 详 见 http:W/www.asktog.com/columns/017ManualWriting.html。 
@) 详 见 http://developer.apple.com/library/safari/documentation/UserExperience/Concep-tual/MobileHIG/AppDesign/App 


Design.html。 


文案 的 可 用 性 


当 我 们 讨论 设计 和 可 用 性 时 ,往往 首先 关注 视觉 元 素 ,文案 则 常常 被 忽视 。 但 是 很 遗憾 ， 文 
案 才 是 用 户 和 应 用 或 者 网 站 交互 的 主要 方式 之 一 。 实际 上 , 在 一 些 跟踪 用 户 浏览 屏幕 时 视线 移动 
的 测试 中 ， 文 本 通常 是 用 户 首先 寻找 的 目标 。” 

在 可 用 性 专家 Jakob Nielsen 关 于 如 何 写 好 网 页 文案 的 论文 "中 有 这 样 一 段 话 。 


在 网 页 中 要 求 用 户 反馈 的 时 候 ， 他 们 很 大 程度 上 会 评价 内 容 的 质量 或 者 相关 性 ， 而 
不 会 评论 导航 以 及 我 们 认为 是 “用 户 界 面 ”的 页 面 元 素 ( 不 是 简单 的 信息 )。 简 单 来 说 ， 
打开 一 个 页 面 的 时 候 ， 用 户 的 视线 会 首先 落 到 视窗 的 中 间 ， 并 且 阅 读 正文 ， 而 后 才 会 注 
意 到 头 部 按钮 或 者 其 他 导航 元 素 。 


37signals 公 司 的 员工 也 同意 这 一 点 。 在 Getting Real [FHL09] 中 , 他 们 写 道 :“ 好 文案 就 是 好 设 
计 。” 文 案 也 要 被 当 作 界 面 设 计 的 一 部 分 。 


文案 的 重要 性 


你 是 否 有 过 这 样 的 经 历 : 在 网 上 买 电 脑 , 页 面 上 展示 的 不 是 一 目 了 然 的 性 能 参数 ， 而 是 充斥 
着 很 多 时 瞩 的 营销 词 ” 你 肯定 会 咬 吐 : 呢 , 我 究竟 是 买 配备 了 “MagSafe 接 口 ”的 那 款 , 拥有 “一 
键 影音 ”功能 的 那 款 ， 有 “一 键 ThinkVantage” 功 能 的 那 款 ， 还 是 配备 “多 端 融合 、 超 级 触 控 、 
可 扩展 触摸 板 ” 的 那 款 呢 ? 


GD 下 面 这 篇 文章 收集 了 眼 动 跟踪 测试 的 结果 : http://web.archive.org/web/20100614235436/http://www.virtualhosting.com/ 
blog/2007/scientific-web-design-23-actionable-lessons-from-eye-tracking-studies/。 
@ 详 见 http:/www.useit.com/papers/webwriting/writing.html。 
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好 吧 ， 其 实 最 后 一 个 是 我 杜撰 的 ， 不 过 其 他 几 个 都 是 真 的 。” 

文字 是 用 户 与 产品 交互 的 桥梁 。 设 计 就 是 表达 方式 ， 如 果 别 人 无 法 理解 你 , 他 们 也 不 会 用 你 
的 产品 。 

文字 在 产品 的 各 处 都 会 用 到 : 在 网 站 上 、 手 册 里 ,在 用 户 和 你 的 私下 交流 中 ,甚至 在 代码 里 
的 类 名 和 注释 里 ， 所 以 最 好 从 一 开始 就 保持 文字 的 准确 性 。 

你 如 何 才 能 知道 该 使 用 哪些 文字 呢 ? 


人 们 不 想 阅 读 


这 一 论点 现在 提出 来 有 点 奇怪 ,明明 刚 说 完 文案 很 重要 。 但 没 办 法 , “多 数 人 会 尽 可 能 避免 
阅读 ”是 实情 。 
仅仅 是 读 了 这 本 书 ， 你 就 已 经 和 大 多 数 用 户 不 一 样 了 。 在 1987 年 发 表 的 “活跃 用 户 的 导论 ”” 
中 , John M. Carroll 和 Mary Beth Rosson 指 出 : 各 个 层次 的 学 习 者 都 会 尽量 避免 阅读 。 过 去 的 20 年 ， 
情况 也 没有 多 少 改观 。 实 际 上 ， 情况 可 能 更 糟 : 美国 国家 艺术 基金 会 2007 年 的 一 项 研究 ”显示 ， 
美国 人 不 只 是 阅读 量 比 过 去 少 ， 而 有 旦 阅读 质量 也 每 况 愈 下 。 
或 许 你 曾经 接 到 过 这 样 的 求助 电话 。 
朋友 : 我 急需 打印 一 份 文 档 ， 但 是 打印 机 却 怎么 都 不 工作 。 
我 : 好 的 ， 究 竟 发 生 了 什么 ? 
朋友 : 我 试 着 打印 文件 ， 但 是 它 不 工作 。 
我 : 有 没有 什么 错误 提示 ? 
朋友 : 哦 ， 有 ， 弹 出 了 一 个 错误 提示 框 。 
我 : 上 面 说 了 什么 ? 
朋友 : 我 怎么 知道 ， 当 然 是 直接 关 了 啊 ， 但 是 问题 也 没有 解决 。 
北 卡 罗莱 纳 州 立 大 学 心理 学 系 的 论文 “Failure to Recognize Fake Internet Popup Warning 
Messages”“ 分 析 了 人 们 如 何 处 理 弹 出 的 警告 信息 。 在 探讨 结果 时 ， 研 究 人 员 写 道 : 
从 调查 问卷 中 得 到 的 数据 显示 : 点 击 了 OK 按钮 的 人 中 ， 有 12% 说 是 因为 屏幕 上 的 
文字 告诉 他 们 这 么 做 ，23% 说 是 因为 他 们 遇 到 错误 信息 时 习惯 这 么 做 ，42% 则 说 他 们 只 
是 想 让 弹出 的 信息 消失 。 


QD Neven Mrgan 举 了 另 一 个 网 站 的 例子 ， 该 网 站 使 用 了 只 有 公司 内 部 的 人 能 看 懂 的 文字 ， 这 些 东西 在 用 户 眼 里 就 是 
天 书 ， 详 见 http:/mrgan.tumblrcom/post3241126895/what-does-the-user-see。 

人 @) 详 见 http://dl.dropbox.com/u/16760174/Papers/Paradox.pdf。 

@ 详 见 https:/www.arts.gov/sites/default/files/ToRead.pdf 。 

人 由 详 见 http://media.haymarketmedia.com/Documents/1/Sharek WogalterFakeWarning publicationFi-nal 805.pdf, 


让 
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弹出 框 甚 至 没有 引起 该 有 的 警觉 ， 就 被 用 户 关 掉 了 。 它 们 只 是 若 人 厌 地 打 断 了 用 户 的 工作 ， 
而 似乎 关 掉 它 们 通常 就 可 以 解决 问题 。 

不 仅仅 是 弹出 的 信息 ， 人 们 会 尽量 跳 过 一 切 可 以 跳 过 的 文字 。 
少 用 文字 

人 们 不 爱 阅读 ， 所 以 尽量 不 要 用 文字 去 打扰 他 们 。 

例如 ， 人 们 在 做 一 些 破坏 性 的 操作 时 ， 你 无 需 警告 他 们 ， 能 允许 他 们 撤销 就 好 了 。 

同样 ， 如 有 果 发 生 了 一 个 错误 ,而 你 有 办 法 让 产品 自行 恢复 而 不 用 通知 用 户 ， 那 就 这 么 做 。 如 
果 用 户 输入 了 一 个 不 完整 的 网 址 , 但 是 你 的 网 站 接收 到 的 信息 足够 辨别 出 是 哪个 页 面 , 那 就 直接 
跳 转 到 那个 页 面 。 如 果 你 的 应 用 程序 尝试 连接 一 台 服 务 器 , 但 连接 超时 了 ，, 那么 在 通知 用 户 出 错 
之 前 要 重 斌 一遍。 只 在 你 的 产品 完全 处 理 不 了 某 个 问题 的 时 候 才 通 知 用 户 。 

就 算 用 户 不 理解 界面 的 某 一 部 分 , 也 不 要 添加 解释 性 文字 。 这 只 会 让 界面 更 杂乱 ,让 问题 更 
严重 。 

尽量 避免 打扰 用 户 。 设计 用 户 界 面 的 时 候 , 要 假定 人 们 根本 不 会 读 你 写 的 文字 。 例 如， 按钮 
标签 最 好 使 用 动词 ， 并 且 确 保 每 个 按钮 有 特定 的 、 互 斥 的 标签 。 用 “删除 文件 ”和 “取消 ”这 样 
的 标签 取代 以 往 的 “是 ”或 “ 否 ”。 这 样 用 户 不 用 阅读 对 话 框 里 的 文字 , 就 知道 两 个 按钮 的 作用 。 


让 文案 可 扫 视 
想 要 知道 怎么 写 文案 ， 首 先 要 了 解 人 们 的 阅读 方式 。 


Jakob Nielsen 的 研究 表明 ， 人 们 在 网 络 世 界 里 一 般 不 会 逐 字 逐 句 阅读 ,而 是 扫 视 整个 网 页 , 寻 
找 那 些 包含 他 们 需求 的 字眼 。 为 了 让 用 户 顺畅 地 扫 视 页 面 , Nielsen 建 议 文案 遵循 下 列 一 些 原则 。” 


口 使 用 对 用 户 有 意义 的 字句 。 

口 一 段 话 只 表达 一 个 意思 。 

D 使 用 有 意义 的 标题 。 

D 高 亮 关键 字 。 

口 使 用 列表 。 

D 保证 文案 短小 精怪 、 通 俗 易 懂 。 

口 首先 给 出 结论 ， 并 概述 方案 内 容 。 

D 段落 的 第 一 句 话 简要 介绍 该 段 中 心思 想 ， 方便 用 户 决 定 是 否 需 要 细 读 。 


GD Nielsen 有 一 系列 关于 此 主题 的 文章 ， 详 见 http://www.useit.com/papers/webwriting/。 
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用 户 阅 读 你 的 文案 ， 是 因为 觉得 它 可 能 会 帮助 自己 实现 目标 。 尽 量 使 用 短小 、 清 晰 、 意 思 明 
确 的 句子 。 每 个 段落 尽量 写 得 短 一 些 ， 不 要 浪费 读者 的 时 间 。 牢 记 他 们 的 目标 。 


正如 Patricia Wright 在 Quality of Technical Documentation [SJ94] 一 书 中 提 到 的 那样 :“ 作 者 经 党 


认为 自己 应 该 为 读者 呈现 比 其 所 需 更 多 的 内 容 。 
写 文案 的 时 候 ， 要 问 问 自 己 :“ 这 名 话 对 用 户 有 帮助 吗 ? ”如 果 没 有 ， 就 该 舍弃 。 


ASS 


句子 不 能 有 歧义 


避免 使 用 模棱两可 的 语句 ， 也 要 避免 使 用 容易 让 读者 断章取义 的 句子 。 

不 等 读 完 整 句 话 ， 读 者 就 会 试 着 理解 句子 的 含义 。 有 些 句 子 会 误导 读者 。 英 语 中 有 句 俗语 : 
“to be led up the garden path”， 意 思 是 “迷惑 ; 把 某 人 引入 歧途 ”。 因 此 ， 误 导读 者 的 句子 被 称 为 
“花园 小 径 句 ””。 直 观 理解 这 样 的 句子 会 产生 误导 ; 读 完 整个 句子 后 ,读者 必须 重新 读 一 遍 ， 才 


能 正确 理解 其 真正 的 含义 。” 
请 思考 如 下 标题 的 前 几 个 词 。” 


人 缀 堡 王 油 炸 暮 农 ……. 
为 何 汉堡 王 要 油 炸 暮 农 ” 读 完 整 句 ， 你 就 明白 了 。 
“汉堡 王 油 炸 暮 农 的 圣杯 ” 


啊 ， 原 来 苗条 被 比 作 了 圣杯 。 昌 然 还 是 有 些 含糊 不 清 ， 但 能 让 人 看 出 什么 意思 。 
阅读 这 样 的 句子 会 耗费 更 多 精力 ， 如 果 会 错 了 意 就 得 重读 一 遍 。 为 了 避免 迷惑 别人 ， 问 问 自 
己 ， 如 果 只 阅读 句子 的 一 部 分 ,是 不 是 也 能 清晰 地 理解 整 句 的 意思 。 做 点 小 改动 ,前 面 的 那 句 话 
语义 就 清晰 了 。 

“汉堡 王 油 炸 暮 条 ， 蓝 农 的 圣杯 ” 


你 能 找 出 下 面 一 句 话 的 问题 吗 ? 


“Lukas 告 诉 编辑 ， 他 要 为 这 本 书写 个 项 目 计划 ， 月 底 完 成 。 


是 月 底 写 完 计划 ， 还 是 月 底 写 完 这 本 书 呢 ? 


Q@ 心理 语言 学 的 一 个 术语 ， 指 的 是 语言 的 歧义 现象 。 一 一 编者 注 
@ 维基 百科 上 有 更 多 关于 此 话题 的 知识 : http:/en.wikipedia.org/wiki/Garden path_sentence。 
@ 我 在 一 个 名 为 “LanguageLog” 的 优秀 博客 找到 了 这 个 例子 ,， 详 见 http:Vlanguagelog.ldc.upenn.edu/nly?p=1762。 如 


果 你 对 写作 有 兴趣 ，Language Log 上 的 文章 绝对 值得 阅读 。 
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如 果 文 案 不 用 读 考 动脑 筋 ， 他 们 会 更 喜欢 阅读 ， 并 且 
从 中 获得 有 用 的 信息 。 
清晰 对 于 标题 来 说 尤为 重要 。 标题 要 包含 切 题 的 文字 ， 
ot ti i 
也 能 明白 标题 的 意思 。 


不 要 以 企业 口吻 书写 


公司 通常 都 指定 书写 风格 , 以 使 所 有 文案 的 风格 一 致 。 
他 们 鼓励 写 文案 的 人 使 用 第 三 人 称 和 中 立 的 口吻 ， 不 建议 
在 字里行间 体现 出 个 人 风格 。 


遗憾 的 是 ,这 样 写 出 来 的 文字 很 乏味 无 聊 , 大 家 都 不 愿意 阅读 ,这 对 于 写作 者 也 是 种 精神 折磨 。 


如 果 仅 仅 关 注 一 致 性 ， 你 会 把 所 有 人 都 变 成 很 差 的 写 手 。 更 好 的 办 法 是 关注 如 何 吸引 读者 。 
要 采用 对 话 风 格 的 句子 , 即 要 自然 , 不 要 太 正 式 , 避免 使 用 营销 语 。 适 当 的 时 候 可 以 直接 说 “您 ” 
和 “咱们 ”。( 当然 ， 说 “咱们 ”的 时 候 也 要 掌握 分 寸 ， 不 要 像 哄 小 孩 一 样 。) 


在 小 屏幕 设备 上 ， 
用 户 很 难看 出 这 些 
残 读 的 标题 是 什么 


类 端的 协同 传输 通道 
能 让 用 户 实现 即 揪 即 用 的 
电子 协同 效益 


大 声 朗 读 上 图 中 的 文字 。 折 心 自问 你 是 否 愿意 阅读 这 样 的 文字 。 想 想 对 于 那些 非 营销 部 门 的 
人 来 说 ,这些 文 字 是 否 涵盖 了 有 用 信息 。 
被 动 语 态 


提供 写作 建议 时 ， 人 常会 说 应 当 避 免 使 用 被 动 语 态 。 有 时 确实 是 这 样 的 (“点 击 备 
钮 创建 一 个 副本 ” 一 个 副本 通过 点 击 备 份 按钮 被 创建 ”要 好 得 多 )， 但 被 动 语 态 不 


份 按 
是 完全 不 能 用 。 0 worry about the Backup button—your documents will be backed up 


@ 注意 ， 作 者 此 处 的 建议 主要 针对 英文 文案 写作 。 中 文 和 英文 在 这 方面 差异 较 大 ， 绝 大 多 数 情况 下 ， 中 文 不 必 采 用 
被 动 语 态 也 可 以 将 意思 表达 清楚 。 一 一 编者 注 
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automatically” 这 样 的 表述 完全 没 问题 。 实 际 上 ， 将 这 向 话 转换 为 主动 语 态 反而 会 增加 一 些 
没 用 的 文字 ， 让 结果 更 糟 :“the application will back up your documents automatically.” 

我 猿 ， 人 们 不 是 真 的 想 让 你 放弃 使 用 被 动 语 态 。 毕 竟 , 被 动 语 态 仅仅 意味 着 句子 的 主语 
不 是 动作 的 发 出 者 ， 而 是 动作 的 承受 者 。 

人 们 真正 的 意思 是 ， 要 避免 句子 中 的 动作 发 出 者 含混 不 清 。 人 们 经 常 使 用 被 动 语 态 来 推 
印 责 任 ( 例 如 “Mistakes were made”)。 避 免 此 类 写法 总 体 上 是 个 好 建议 。 


用 图 片 阐释 你 的 观点 
维护 图 片 和 截屏 的 工作 很 繁重 。 每 当 产品 升级 , 你 都 要 将 图 片 过 一 遍 , 更 新 那些 过 时 的 图 片 。 
此 时 你 很 想 干脆 不 用 图 片 了 。 但 是 图 片 可 以 让 你 的 文案 更 加 易 懂 、 更 加 可 读 。 

图 片 可 以 直观 地 阐明 要 点 。 一 张 恰 当 的 截图 能 代 闪 好 几 段 文字 ,而且 还 更 好 理解 。 对 有 些 用 
户 来 说 ， 即 使 是 简单 的 解释 也 可 以 用 图 片 来 表达 。 


点 击 JOrmat 荣 单 ， 状 后 选择 Align 
子 菜 单 中 的 gm Right Edges 选 项 。 
上 图 的 文 条 已 经 相当 清楚 ， 但 是 图 
片 可 以 让 它 更 直观 。 


上 图 的 文案 已 经 相当 清楚 ,但 是 图 片 可 以 让 它 更 直观 。 


File Edit Ma Help 
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Distribute > 
Align > 
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Align Left Edges 


Align Right Edges 
Align Top Edges 
Align Bottom Edges 


图 片 还 能 让 文案 更 加 吸引 人 。 面 对 通 篇 的 文字 是 很 让 人 沁 开 的 , 适当 添加 几 张 图 片 , 文案 读 
起 来 会 更 今 人 愉悦 。Marianne Bertrand 等 人 在 论文 “What’s Psychology Worth? A Field Experiment in 
the Consumer Credit Market”“ 中 提 到 ， 据 统计 ,仅仅 是 在 贷款 报价 中 增加 一 张 女 人 的 图 片 ， 就 导 


GD 详 见 http:/www.econ.yale.edu/growth pdfrcdp918.pdf。 


32 第 7 章 文案 的 可 用 性 


致 了 贷款 利息 显著 提高 。 然 而 ，Jakob Nielsen 也 揭示 ， 如 果 图 片 看 上 去 像 是 出 自 图 像素 材 库 或 者 
纯 作 填补 空白 之 用 ， 用 户 就 会 忽略 。” 


使 用 易 懂 的 词语 


不 要 让 自己 的 好 亚 影 响 你 的 写作 。 很 多 人 不 喜欢 使 用 "播客 "这 个 词 。 有 些 人 不 喜欢 “博客 ”。 
很 多 人 不 喜欢 将 iPhone 应 用 的 “免费 版 ” 称 为 “精简 版 "。 但 是 几乎 所 有 人 都 使 用 并 且 懂 这 几 个 
词 的 意思 。 人 们 知道 “播客 ”是 什么 ,“ 博 客 ” 是 什么 ， 让 hone 应 用 名 后 面 的 “精简 版 ”意味 着 
什么 。 使 用 人 们 理解 的 词语 就 好 ， 即 使 你 并 不 喜好 这 些 词 。 正 如 《 卫 报 》 前 科学 编辑 Tim Radford 
说 的 ”:“ 没 有 人 会 因为 你 写 得 特别 好 理解 而 抱怨 你 。 

记 住 , 阅读 你 的 文字 的 人 可 能 会 使 用 和 你 不 同 的 词汇 。 如 果 你 了 解读 者 , 那 就 专门 针对 他 们 
写作 。 你 的 读者 的 年 龄 、 技 能 水 平 或 者 领域 知识 可 能 与 普罗 大 众 不 同 。 写 作 时 考虑 到 这 些 情况 ， 
你 的 文字 就 会 更 易于 读者 阅读 和 理解 。 

但 是 最 重要 的 是 ， 要 写 得 简单 。 在 《写作 这 回 事 》 一 书 中 ， 史 带 苍 ， 金 谈 到 :“ 由 于 不 愿意 
使 用 简单 的 词汇 ， 而 刻意 堆砌 华丽 的 辞藻 ， 这 在 写作 中 是 很 糟糕 的 事情 。” 他 的 经 验 是 :“ 使 用 脑 
海里 闪 过 的 第 一 个 词 ， 如 果 它 合适 且 不 失 生动 。 如 果 有 些 犹 殉 和 疑虑 ， 就 再 想 想 。 你 肯定 能 想到 
其 他 的 词 ， 但 很 可 能 不 如 第 一 个 好 ， 或 者 词 意 和 你 的 本 意 有 较 大 出 人 。 


虽然 他 所 讲 的 是 如 何 写 小 说 , 但 是 , 你 写 的 东西 何尝 不 能 像 他 写 的 小 说 那样 有 趣 而 吸引 人 呢 ? 
测试 你 的 文案 

文案 是 用 户 界面 的 一 部 分 ， 所 以 它 的 测试 可 以 纳入 常规 可 用 性 测试 。 但 你 能 做 的 不 止 这 些 。 
可 用 性 专家 Angela Colter 鼓励 使 用 完 型 填空 测试 法 来 测试 文案 。 


在 完 型 填空 测试 法 中 , 先 将 文案 中 的 一 些 词语 删除 ， 然 后 请 测试 者 填 上 缺失 的 词语 。 下 面 是 
个 具体 的 例子 。 


现在 市 面 上 有 的 Twitter 周边 应 用 。 我 们 想 尝 试 所 有 的 应 用 ， 

因为 硬盘 不 足 而 放弃 了 。 很 明显 ， 现 在 世界 需要 更 多 的 
Twitter 应 用 。 所 以 ， 今 天 我 们 来 一 下 自己 的 产品 。 来 ，BizTwit， 
和 大 家 吧 。 


四 详 见 http:/www.useit,comyalertbox/photo-contenthtml; 更 多 相关 研究， 请 访问 http://uxmyths.com/post/705397950/ 


myth-ornamental-graphics-improves-the-users-experience。 


@ 出自“manifesto for the simple scribe”， 详 见 http:/www.guardian.co.uk/science/blog/2011/jan/19/manifesto-simple- 


scribe-commandments-journalists。 
@) Colter 关 于 内 容 测试 的 更 多 观点 ， 详 见 http://www.alistapart.com/articles/testing-content/。 
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Colter 建 议 从 产品 文案 中 找 一 个 125~250 字 的 内 容 片段 , 然后 每 隔 四 个 单词 删除 一 个 单词 。 请 
测试 考 填写 缺失 的 单词 。 用 填写 正确 的 单词 数 除 以 移 除 单词 的 总 数 ， 计 算出 一 个 分 数 。 

如 果 分 数 最 终 低 于 0.4， 那 么 用 户 很 可 能 无 法 理解 你 的 文案 ， 你 需要 重 写 。 如 果 分 数 高 于 0.4 
低 于 0.6， 表 明 用 户 可 能 理解 起 来 有 点 困难 ， 你 需要 做 些 修 改 。 分 数 高 于 0.6 表 明 用 户 完 全 可 以 理 
解 你 的 文案 。 


使 用 易 读 的 文字 


内 容 本 身 有 用 很 重要 ， 但 呈现 内 容 的 方式 也 很 重要 。 

使 用 大 一 点 的 字号 。 虽 然 大 多 数 人 会 把 书 拿 得 离 眼 睛 很 近 , 但 是 计算 机 屏幕 一 般 都 放 得 比较 
远 。 你 可 以 尝试 坐 在 计算 机 前 ,打开 网 站 或 者 程序 , 拿 一 本 书 放 在 平常 阅读 的 距离 ， 对 比 他 们 的 
字体 大 小 。? 


月 
1 2 


AAA 
Ey ff df ei 


f 
és 
of 


如 果 你 感觉 计算 机 上 的 文字 看 起 来 比 书 上 的 文字 小 很 多 , 那 就 将 屏幕 上 的 字号 调 大 。 记 住 一 
点 : 同一 字号 在 不 同 的 分 辩 率 下 呈现 的 结果 是 不 一 样 的 。 分辩 率 较 低 时 ,文字 显得 较 大 ; 分 辨 率 
较 高 时 , 文字 显得 较 小 。 当 然 ， 如果 要 在 手机 上 呈现 文字 内 容 , 情况 正好 相反 。 人 们 会 将 手机 拿 
得 离 眼睛 相对 近 一 些 ， 所 以 可 以 使 用 小 一 些 的 字号 。 


Qa 我 第 一 次 知道 这 个 理念 是 通过 Oliver Reichenstein 的 论文 ， 详 见 http://informationarchitects.jp/100e2r/。 
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选择 容易 辨识 的 字体 。 不同 字体 的 易 读 性 有 很 大 差别 , 甚至 同一 字体 家 族 中 不 同 字体 的 易 读 
性 也 有 很 大 差别 。 选 择 一 种 好 的 字体 很 关键 。” 


要 点 


口 


尽量 避免 使 用 文字 。 


口 
口 
口 
口 
口 


如 果 必 须 使 用 文字 ， 要 保证 简明 、 清 晰 、 可 扫 视 。 
段落 简短 ， 一 段 只 表达 一 个 思想 。 

保持 个 性 ， 要 有 吸引 力 ， 不 要 太 专业 、 大 无聊。 
使 用 大 字号 和 清晰 易 辨 的 字体 。 

使 用 图 片 阐明 观点 ， 同 时 让 文字 更 加 平易 近 人 。 


延伸 阅读 


关于 网 页 内 容 的 撰写 ,Jakob Nielsen 写 过 大 量 很 棒 的 文章 ”。 如 果 你 正在 编写 使 用 手册 , 可 以 
参考 Patricia Wright 的 Ouality of Technical Documentation [SJ94]， 其 中 包含 了 很 多 有 用 的 信息 。Joel 
Spolsky 所 著 的 User Interface Design for Programmers [Spo01] 谈 到 了 阅读 相关 的 知识 。 


科 
时 的 经 


学 作家 Carl Zimmer 写 过 一 篇 文章 专门 介绍 如 何 写 好 科技 文章 ?。Tim Radford 根 据 当 记者 
验 ?， 针 对 如 何 写 出 好 文章 提出 了 一 系列 规则 。 如 果 你 对 写作 感 兴 趣 ， 我 强烈 推荐 你 读 


一 下 史蒂芬 金 的 《写作 这 回 事 》 如 果 你 想 基于 科学 知识 创作 出 伟大 的 作品 ， 我 强烈 推荐 Steven 


Q@ 注意， 研究 表明 ， 衬 线 可 能 对 字体 易 读 性 没有 影响 。 详 见 http:/alexpoole.info/blog/which-are-more-legible-serif-or- 
sans-serif-typefaces/ 


@ 
@ 
@ 


FEW.http://www.useit.com/papers/webwriting/。 
FWhttp://blogs.discovermagazine.com/loom/2011/01/12/death-to-obfuscation/。 
FW.http://www.guardian.co.uk/science/blog/2011/jan/19/manifesto-simple-scribe-command-ments-journalists。 
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Pinker 的 《写作 风格 的 意识 》。 
你 还 应 该 读 一 读 Angela Colter 关 于 内 容 测试 的 文章 ?。 


最 后 ，Read Me First! 4 Style Guide for the Computer Industry [Kin00] 一 书 涵盖 了 与 技术 写作 有 
关 的 很 多 话题 ， 任 何 需要 编写 计算 机 相关 文档 的 人 都 应 该 买 一 本 放 在 手边 。 


GD 详 见 http:Wwww.alistapart.comyarticles/testing-content/。 


用 户 界面 设计 的 层级 


想 想 网 站 的 组 织 方式 ， 你 会 发 现 它 们 通常 都 用 了 层级 结构 。 有 时 ， 这 些 层 级 甚至 用 作 显 式 的 
用 户 界 面 元 素 。 下 面 是 Google Directory 之 类 的 网 站 上 “面包 恨 ” 导 航 元 素 的 一 个 例子 。 
Software 


Science > Biology > Bioinformatics > Software 


这 个 导航 元 素 告诉 用 户 当 前 页 面 在 层级 结构 中 处 于 什么 位 置 ， 并 人 允许 他 们 进行 层级 跳 转 。 
很 多 新 闻 网 站 在 头 部 展现 了 层级 结构 ， 但 经 常 使 用 二 级 或 三 级 荣 单 代 替 了 面包 导 。 


Africa | Asia | Middle East | Japan 


上 面 的 两 个 例子 展示 了 如 何 将 网 站 的 结构 (或 者 其 他 普通 产品 ) 组 
妇 级 结 


织 得 更 有 层次 。 单 页 面 也 
用 层级 结构 来 组 织 内 容 。 看 一 下 Google Chrome 浏 览 屁 的 截图 。 


©@ee / 国 The Pragmatic Bookshelf x \ <<ignore the code 
Db 一 一 -一 一 


IN 
全 C https://pragprog.com 
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这 是 个 非常 简单 的 用 户 界面 ,即便 如 此 ， 它 也 拥有 层级 结构 。 例 如 ,标签 页 内 的 按钮 仅 对 此 
页 内 容 有 效 。 如 果 你 点 击 “后退 ”按钮 , 在 当前 激活 的 标签 页 以 外 的 内 容 是 不 会 受 影 响 的 。 但 是 ， 
如 果 点 击 视窗 的 “关闭 ”按钮 ， 整 个 视窗 都 会 关闭 ， 包 括 两 个 打开 的 标签 页 。 按 钮 只 对 处 于 相同 
或 下 一 层级 结构 的 元 素 起 作用 。 


创建 可 视 化 层级 结构 


通常 , 很 快 就 能 识别 出 用 户 界面 中 的 层级 结构 。 大 多 数 西 方 用 户 从 直觉 上 认为 层级 顺序 应 该 
是 : 从 左 至 右 ， 从 上 到 下 ， 由 外 到 内 。 下 面 儿 个 例子 说 明了 如 何 将 A 表示 为 B 的 上 一 级 。 


比如 , MP3 播 放 器 显示 了 当前 播放 的 有 声 读物 的 曲目 -该 如 何 安置 下 面 这些 元 素 :曲目 编号 、 
曲目 中 的 章节 编号 (对 于 有 声 读物 或 者 拥有 章节 标签 的 播客 来 说 )， 以 及 当前 章节 的 播放 进度 ? 
很 明显 ， 这 些 元 素 的 关系 如 下 。 


曲目 一 章节 一 当前 章节 的 播放 进度 
下 面 是 iPod 应 用 中 的 安排 方式 。 


| Dreadnought (Unabridged) Part 2 


x 


音节 编号 和 曲目 编号 的 展示 顺序 反 了 ， 当 前 章节 编号 出 现在 了 曲目 编号 上 面 。 


Cherie Priest 
人 Dreadnought (Unabridged) Part 2 


AU 
这 样 的 视觉 展现 可 以 表示 为 如 下 错误 的 层级 结构 。 
章节 一 曲目 一 当前 章节 的 播放 进度 
这 每 次 都 误导 我 ， 让 我 以 为 播放 头 部 上 面 的 数字 是 章节 编号 ， 而 不 是 曲目 编号 。 
后 来 iPhone 的 Audible 应 用 解决 了 这 个 问题 ， 它 不 显示 曲目 编号 ， 而 将 章节 编号 移 到 了 播放 头 
的 旁边 ， 这 样 就 不 存在 误导 了 。 
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audible.com 


Chapter 5 


用 户 会 很 自然 地 认为 元 素 在 屏幕 上 的 层级 结构 是 自 上 而 下 的 。 当 设计 屏幕 布局 时 , 要 确保 视 
觉 层级 与 元 素 的 层级 结构 是 一 致 的 。 

我 们 回顾 一 下 浏览 器 的 例子 。 如 果 将 Chrome 的 用 户 界面 精简 至 只 有 主要 界面 元 素 ， 则 会 如 
下 图 所 示 。 


~ 


当 用 户 看 到 这 个 界面 ， 直 觉 上 会 认为 元 素 的 层级 结构 如 下 。 


这 个 层级 结构 可 以 让 用 户 知道 用 户 界面 的 工作 方式 : 关闭 一 个 标签 页 会 让 在 其 层级 之 下 的 元 
素 全 部 都 消失 。 点击 用 户 界面 中 按钮 栏 上 的 按钮 , 会 影响 界面 中 和 该 按钮 栏 处 于 同一 层级 或 下 一 
层级 的 元 素 。 


延伸 阅读 39 


ee 应 该 只 影响 
这 个 框 内 的 内 容 。 


与 用 户 界 面 中 的 某 个 元 素 交 互 ， 不 应 该 影响 视觉 上 层级 高 于 它 的 元 素 。 

层级 结构 无 处 不 在 , 并且 影响 着 人 们 对 产品 行为 的 预测 。 恰 当地 使 用 层级 结构 ,可 以 有 效 地 
提示 用 户 如 何 使 用 产品 。 
要 所 


口 思考 如 何 安排 产品 的 层级 结构 。 
口 使 用 层级 结构 提示 用 户 产品 的 工作 方式 。 各 个 页 面 应 隐 性 或 显 性 地 向 用 户 传达 层级 结构 
信息 。 


延伸 阅读 
大 众 口 中 的 “组织 事 物 ”, 设 计 师 称 其 为 "信息 架构 "。 关 于 此 话题 的 图 书 有 很 多 .Donna Spencer 


写 过 一 本 4 Practical Guide to Information Architecture [Spe10]。 男 外 ，Peter Morville 和 Louis 
Rosenfeld 所 车 的 《 Web 信息 架构 》 也 是 一 本 不 错 的 入 门 书 。 


关于 用 户 创 建 的 层级 ， 以 及 如 何 让 用 户 组 织 自己 的 数据 ， 更 多 信息 请 阅读 本 书 第 25 章 。 


卡片 分 类 


AAALM | | 


调研 设计 


将 
迪 


概念 
对 于 产品 的 各 个 部 分 分 别 应 该 显示 在 哪里 , 或 者 哪些 部 分 应 该 放置 在 一 起 , 用 户 有 自己 的 见 
解 。 卡 片 分 类 可 以 帮助 我 们 收集 这 些 数据 。 


如 果 产 品 很 复杂 ， 你 需要 对 其 内 容 进行 分 类 , 那么 就 考虑 用 卡片 分 类 吧 。 例 如 ,你 正在 设计 
一 个 网 站 , 需要 决定 如 何 组 织 那 些 独 立 的 页 面 , 或 者 你 正 开 发 一 个 应 用 , 该 应 用 提供 多 种 不 同 的 
功能 ， 需 要 按照 对 用 户 有 意义 的 方式 来 组 织 ， 那 么 本 章 正 是 为 这 些 情形 准备 的 。 


优 把 
我 们 对 产品 的 看 法 和 用 户 是 截然 不 同 的 。 例 如 , 我 们 正在 为 某 公司 开发 一 个 网 站 , 我 们 对 这 
家 公司 的 内 部 组 织 有 很 深入 的 了 解 , 这 些 信息 会 影响 我 们 组 织 网 站 的 方式 。 但 访问 网 站 的 用 户 很 


可 能 不 知道 该 公司 的 组 织 架 构 。 因 为 信息 不 对 称 ， 所 以 对 我 们 来 说 非常 合理 的 东西 , 用户 可 能 觉 
得 难以 理解 。 


卡片 分 类 可 以 帮助 我 们 了 解 用户 对 事物 的 看 法 。 
先决 条 件 
没有 。 


设计 层级 关系 
在 第 8 章 ， 我 们 了 解 到 产品 通常 是 用 层级 结构 来 组 织 的 。 这 里 还 有 另外 一 个 例子 。 


常见 的 网 站 基本 上 都 用 层级 结构 组 织 。 假 设 你 的 笔记 本 电脑 的 内 置 摄像 头 坏 了 , 你 需要 帮助 。 
你 在 浏览 器 中 打开 了 制造 商 的 网 站 。 这 时 候 去 哪里 寻求 帮助 呢 ? 如 果 你 的 电脑 是 大 型 电子 产品 制 
造 商 生产 的 ， 可 能 你 首先 点 击 “ 计 算 机 ”， 然 后 再 点 击 “ 笔 记 本 ”， 就 能 看 到 此 制造 商 旗下 的 笔记 
本 系列 。 选 择 合适 的 笔记 本 系列 , 你 可 以 看 到 此 系列 下 的 笔记 本 型 号 列表 , 这 时 就 能 在 列表 里 找 
到 你 使 用 的 型 号 了 。 在 有 具体 型 号 的 详情 页 ， 你 可 以 找到 “支持 ”按钮 。 理 想 状 况 下 ， 这 个 按钮 链 
接 到 针对 所 选 型 号 的 支持 页 面 , 里 面 罗 列 了 一 些 常 见 的 问题 。 如 果 幸 运 的 话 ， 在 列表 中 可 以 找到 
和 你 的 情况 相符 的 问题 ( 以 及 解决 方案 )。 


下 面 就 是 你 游 走 在 网 站 层级 结构 中 所 访问 的 路 径 : 
计算 机 一 笔记 本 一 笔记 本 系列 一 笔记 本 型 号 一 笔记 本 型 号 支持 一 具体 问题 的 解决 方案 


不 过 ， 这 不 是 寻求 支持 的 唯一 办 法 。 其 实 你 还 可 以 直接 跳 转 到 支持 页 面 。 问 题 是 ， 如 果 你 来 
设计 这 个 网 站 , 你 怎么 知道 用 户 可 能 采取 什么 样 的 访问 路 径 呢 ? 你 怎么 知道 用 户 想 要 在 哪儿 找到 
具体 的 页 面 呢 ? 


卡片 分 类 
要 找到 这 些 问题 的 答案 卡片 分 类 是 最 常用 的 探究 方法 ， 也 是 了 解 用户 期 望 的 实用 方法 。 卡 
片 分 类 特别 简单 。Donna Spencer 在 《卡片 分 类 : 可 用 类 别 设计 》 中 解释 道 :“ 卡 片 分 类 是 一 项 很 


简单 的 技术 ， 它 的 核心 是 在 索引 卡片 上 写 上 内 容 ， 然 后 让 别人 对 其 分 组 。” 当然 ， 实 际 操作 会 有 
些 细微 的 差别 ， 接 下 来 我 们 详细 介绍 一 下 卡片 分 类 。 
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卡片 分 类 的 准备 工作 


拿 出 一 至 索 引 卡 片 ， 将 需要 分 类 的 内 容 写 在 上 面 。 如 果 你 正在 构建 一 个 网 站 , 那 就 将 网 站 的 
各 个 页 面 或 者 区 域 写 在 不 同 的 卡片 上 。 如 果 你 正在 开发 一 个 应 用 程序 , 就 将 功能 、 属 性 、 菜 单项 、 
命令 、 视 窗 、 任 务 、 目 标 或 者 可 视 的 元 素 写 在 不 同 的 卡片 上 。 

有 时候, 对 同一 层级 的 元 素 分 类 才 有 意义 , 不 要 将 很 高 层级 的 元 素 与 很 低层 级 的 元 素 混杂 在 
一 起 。 不 同 层级 的 元 素 应 该 分 开 做 卡片 分 类 。 

最 好 使 用 显而易见 且 易 于 理解 的 词语 。 如 果 确 实 无 法 避免 使 用 太 专业 的 术语 , 那 就 需要 在 卡 
片 分 类 前 解释 清楚 ， 还 要 允许 参与 者 用 自己 的 语言 代替 专业 术语 。 

你 要 确保 所 选 的 词语 不 会 因为 表面 上 相似 而 被 分 成 一 组 ， 比 如 写法 或 者 读音 相似 。 如 果 写 法 
或 读音 相似 ， 人 们 可 能 会 盲目 将 它们 归 为 一 组 ， 而 不 考虑 它们 真实 的 意思 。” 

你 需要 尽量 将 卡片 数量 控制 在 20~80 个 。 少 于 20 个 ， 你 可 能 考虑 不 周 。 多 于 80 个 ， 参 与 者 可 
能 会 月 省 。 


另外 ， 请 再 准备 一 些 空白 卡片 。 
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在 进行 卡片 分 类 的 过 程 中 ,人 们 可 能 会 在 卡片 上 写字 或 者 修改 , 而 且 你 可 能 不 止 想 做 一 次 卡 
片 分 类 ， 而 手工 制作 卡片 非常 浪费 时 间 。 和 省 事 的 办 法 是 把 卡片 打印 出 来 并 裁剪 。 

为 了 在 卡片 分 类 的 过 程 中 跟踪 卡片 ,并 在 结果 评估 中 指 代 各 个 卡片 ,对 卡片 进行 编号 大 有 帮 
助 。 我 开发 了 一 个 简单 的 在 线 工 具 : http://card-sort.ignorethecode.net， 可 以 帮 你 创建 可 打印 的 已 
编号 卡片 。 


Q Jakob Nielsen 谈 到 了 这 一 问题 ， 并 提供 了 解决 方案 ， 详 见 http://www.useit.com/alertbox/word-matching.html。 
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参与 者 


卡片 分 类 可 以 单 人 进行 , 也 可 以 多 人 同时 进行 ， 两 种 方法 各 有 优点 。 多 人 流程 会 比较 难以 安 
排 , 而 如 果 只 有 一 个 人 , 那么 他 会 在 整个 过 程 中 占 主导 地 位 。 不 过 , 多 个 参与 者 可 能 会 引发 讨论 ， 
进而 产生 有 价值 的 见解 。 

如 果 啤 请 多 个 参与 者 ， 要 注意 控制 人 数 。 三 四 个 人 以 上 ， 通常 就 无 法 同时 进行 卡片 分 类 了 。 

总 共 要 做 多 少 次 卡片 分 类 呢 ? Jakob Nielsen 建 议 每 个 用 户 做 15 次 了?。 因 为 卡片 分 类 比较 简单 ， 
所 以 即使 做 很 多 次 也 不 难 。 不 同 的 人 对 于 元 素 的 位 置 有 不 同 的 想法 ; 卡片 分 类 做 得 越 多 ,页面 布 
局 就 越 清 晰 。 


执行 卡片 排序 
邀请 参与 者 之 后 ， 你 要 向 他 们 讲解 需要 做 什么 。 你 可 以 按照 下 面 的 方式 介绍 。 


曙 ， 我 是 Lukas Mathis， 目 前 正在 设计 一 款 新 的 Twitter 应 用 。Twitter 是 一 款 社交 工 
具 ， 和 Facebook 类 似 。 

眼下 我 的 工作 是 设计 应 用 的 基础 架构 ， 你 知道 的 ， 就 是 具体 功能 应 该 放 在 哪 ， 诸 如 
此 类 。 下 面 这 个 活动 能 有 效 地 帮 有 我 了 解 用 户 对 应 用 的 期 望 。 

一 会 儿 ， 我 会 给 大 家 发 一 些 写 有 词语 的 卡片 。 这 些 词 代表 应 用 里 的 元 素 ， 比 如 功能 
或 者 对 象 。 请 大 家 按 自己 的 理解 将 这 些 卡 片 分 成 几 小 堆 ， 同属 一 类 的 卡片 放 在 一 起 。 这 
里 我 要 着 重 解释 一 下 ， 我 们 要 找 的 不 是 表面 相似 的 元 素 ， 比 如 发 音 或 者 写法 相似 的 词 。 
请 想象 你 正在 使 用 这 个 应 用 ， 想 想 哪 些 元 素 你 希望 在 同一 界面 内 看 到 。 要 我 举 个 例子 吗 ? 
比如 屏幕 上 有 个 元 素 列 表 ， 你 希望 在 这 个 列表 中 有 哪些 元 素 ? 

如 果 你 无 法 为 某 些 卡片 归 类 ， 或 者 觉得 它 不 属于 这 个 应 用 ， 那 么 为 它们 单独 创建 一 
个 分 组 也 可 以 。 我 这 还 有 一 些 空白 卡片 ， 桌 面 上 有 记号 笔 ， 如 果 某 个 卡片 上 的 词 你 拿 不 
准 意思 ， 可 以 将 它 划 掉 ， 换 一 个 更 合适 的 词 。 如 果 你 党 得 某 个 卡片 隶属 于 多 个 组 ， 还 可 
以 多 做 几 张 一 样 的 卡片 ， 分 到 不 同 的 组 里 。 

在 开始 前 ， 让 我 们 先 预览 一 遍 所 有 卡片 。 

接 下 来 ， 将 卡片 发 给 参与 者 ， 确 保 他 们 明白 每 个 词 在 产品 中 的 含义 。 
然后 ， 请 参与 者 按照 他 们 觉得 有 意义 的 方式 将 这 些 卡片 分 类 ， 将 同 组 的 卡片 放 在 一 起 。 


GD 详 见 http:/www.useit.comy/alertbox/20040719.html。 
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请 他 们 用 心思 考 ,不 懂 就 问 。 与 此 同时 你 要 做 好 笔记 。 如 果 参 与 者 想到 了 新 词 ， 有 必要 的 话 
可 以 新 增 卡片 ， 或 者 写 到 已 有 的 卡片 上 作为 补充 。 

如 果 参 与 者 分 出 的 组 数 过 多 , 你 要 引导 他 们 将 小 组 合并 。 如 果 只 分 出 了 几 个 大 组 , 你 要 鼓励 
他 们 进行 拆 分 。 

在 某 些 情况 下 ,你 也 可 以 进行 “封闭 式 ” 卡 片 分 类 : 提前 定义 好 一 些小 组 ,然后 让 参与 者 将 
卡片 放 入 相应 的 组 。 

让 人 们 放弃 那些 他 们 觉得 不 属于 任何 小 组 的 卡片 很 重要 。 这些 被 放弃 的 卡片 可 能 表明 , 产品 
的 某 一 功能 或 者 网 站 的 某 个 区 域 没 那么 重要 ,或 者 可 能 与 用 户 平常 使 用 产品 的 目的 无 关 。 

下 一 步 ,请 参与 者 为 每 一 组 卡片 命名 。 将 组 名 写 在 一 张 新 卡片 上 ， 置 于 每 组 卡片 最 上 面 (最 
好 使 用 不 同 颜色 的 卡片 )。 
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ap 
如 果 组 数 足够 多 了 ,就 请 参与 者 进行 整理 ,使 同 组 的 卡片 罗列 得 更 加 整齐 紧凑 。 根 据 参与 者 
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本 人 以 及 卡片 上 的 词 ， 你 甚至 可 以 请 参与 者 将 相互 关联 的 卡 组 间 连 起 来 。( 这 需要 在 一 大 张 纸 上 
进行 卡片 分 类 。 ) 

最 后 ,收集 数据 。 最 简便 快捷 的 方式 是 将 整个 分 类 结果 拍照 ,然后 用 橡皮 筋 把 每 一 组 单独 绑 
起 来 。 
进行 远程 卡片 分 类 

你 不 一 定 要 邀请 别人 到 特定 的 地 方 参与 卡片 分 类 。 卡片 分 类 很 容易 通过 远程 的 方式 完成 。 实 


际 上 ， 有 许多 不 错 的 卡片 分 类 网 站 是 专门 针对 远程 卡片 分 类 而 设计 的 ， 包 括 websortnet 和 
OptimalSort”。 


远程 卡片 分 类 会 为 你 提供 更 准确 的 数据 ， 因 为 你 可 以 与 更 多 的 人 一 起 做 卡片 分 类 。 当 然 , 相 
比 聚 在 一 起 做 卡片 分 类 , 这样 会 错过 大 量 特定 的 信息 。 比 如 ,参与 者 会 因 哪 些 词语 迷惑 不 解 ? 他 
们 会 用 到 哪些 同义词 ?它们 与 卡片 上 的 词 有 怎样 的 关联 ? 远程 卡片 分 类 不 会 告诉 你 这 些 信 息 。 


当然 ， 两 种 类 型 的 卡片 分 类 你 都 做 也 没 问题 。 
评估 结果 


如 果 处 理 的 是 组 别 预先 定义 好 的 卡片 ( 封闭 式 的 卡片 分 类 ), 评估 结果 就 很 简单 。 数 一 下 每 个 
卡片 被 分 在 各 个 组 的 次 数 ,你 就 能 很 清晰 地 看 出 ,多数 人 期 望 卡片 所 代表 的 元 素 出 现在 什么 位 置 。 


如 果 你 处 理 的 是 组 别 由 用 户 定义 的 卡片 , 那么 首先 要 定义 这 些 组 。 有 时 候 , 不 同 的 人 会 使 用 
不 同 的 词语 来 描述 同一 组 。 这 种 情况 下 , 合并 这 些 组 比较 合理 。 有 时 候 , 不 同 的 人 会 以 完全 不 同 
的 方式 对 卡片 分 类 。 如 果 出 现 这 种 情况 ， 可 能 意味 着 你 需要 提供 不 同 的 方式 来 访问 相同 的 事物 。 
一 旦 确定 要 使 用 哪些 组 ， 同 样 要 数 一 下 每 张 卡 片 在 各 组 中 出 现 的 次 数 。 


Qa 请 访问 http://www.optimalworkshop.com/optimalsort.htm。 
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现在 , 你 可 以 根据 收集 到 的 信息 建立 层级 结构 ,并 应 用 到 可 视 化 布局 与 信息 架构 中 了 。 我 不 
建议 对 收集 到 的 数据 进行 正式 的 统计 学 评估 , 因为 你 很 有 可 能 没有 收集 到 足够 的 信息 。 卡片 分 类 
只 为 设计 决策 提供 参考 ， 而 不 能 证 明 某 个 方案 是 否 “ 正 确 ”。 


当 你 为 程序 创建 故事 板 , 为 网 站 内 容 设 计 层级 结构 ,或 者 为 独立 的 页 面 设 计 层级 结构 的 时 候 ， 
可 以 使 用 这 些 收集 来 的 数据 。 通 过 卡片 分 类 ,你 能 够 洞悉 用 户 对 产品 各 个 组 成 部 分 的 理解 、 用 户 
使 用 何 种 标准 将 产品 中 的 概念 分 类 ， 以 及 用 户 关 于 产品 工作 方式 的 心智 模型 。 


当 你 决定 选用 某 个 层级 结构 后 , 画 一 个 简单 的 纸 面 原型 , 然后 进行 几 轮 轻 量 级 的 可 用 性 测试 ， 
通常 是 个 不 错 的 主意 〈 详 见 第 14 章 )。 你 可 以 由 此 知道 自己 对 结果 的 理解 是 否 正确 。 


D 不 要 将 内 部 结构 当 作用 户 在 产品 或 者 网 站 中 看 到 的 层级 结构 的 蓝图 。 

口 使 用 卡片 分 类 ， 了 解 用 户 认为 独立 的 元 素 应 该 置 于 何 处 。 

延伸 阅读 
要 了 解 卡片 分 类 的 所 有 细节 ， 你 只 需要 阅读 Donna Spencer 的 《卡片 分 类 : 可 用 类 别 设计 》 
Spencer 同样 就 此 主题 写 了 一 篇 很 赞 的 博文 。” 

如 果 想 便捷 、 快 速 地 制作 分 类 卡片 ,可 以 使 用 我 的 卡片 生成 器 : http://cardsort.ignorethecode.net。 


巧 


GD 详 见 http://rosenfeldmedia.com/books/card-sorting/。 


创建 可 用 的 层级 结构 


利用 卡片 分 类 收集 到 的 数据 可 以 帮 你 设计 出 良好 的 层级 结构 。 以 下 是 能 帮助 你 完成 层级 结构 
设计 的 一 些 准 则 。 


允许 同一 元 素 出 现在 不 同 的 位 置 10 


切记 , 层级 结构 不 必 那 么 严格 : 元 素 不 必 限 于 仅 出 现在 层级 结构 中 的 一 个 位 置 。 你 可 以 让 用 户 
通过 多 种 不 同 的 路 径 到 达 相 同 的 结果 页 。 这 有 时 被 称 为 多 样 化 层级 结构 分 类 。 下 面 是 一 个 例子 。 


A 由 
oe * oe 


单一 层级 结构 分 类， 常规 层级 结构 多 样 化 层级 钻 构 分 类 ， 有 多 条 路 径 可 以 到 达 E 
第 9 章 曾 提 到 ， 有 些 用 户 电脑 出 了 问题 ， 有 可 能 首先 去 网 上 搜索 精确 的 笔记 本 型 号 。 有 些 人 
可 能 更 喜欢 直接 去 网 站 的 支持 区 域 寻 找 他 们 的 笔记 本 型 号 。 还 有 些 人 去 支持 区 域 搜索 特定 的 问题 。 
进行 卡片 分 类 的 时 候 ， 如 果 你 发 现 不 同 的 人 将 卡片 分 到 不 同 的 组 , 创建 这 种 非 严 格 的 层级 结构 就 
是 合理 的 。 
浅 与 深 
多 数 时 候 , 大 家 会 根据 点 击 数 来 评价 用 户 界面 。 用 户 为 了 到 达 某 一 目标 页 面 总 共 点 击 了 多 少 
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次 ?从 直觉 上 来 说 ， 点 击 数 越 少 越 好 。 

如 果 关 注 点 击 数 , 你 很 容易 将 层级 设计 得 尽 可 能 浅 , 好 让 每 个 目标 页 面 都 能 通过 很 少 的 点 击 
数 到 达 。 虽 然 确保 用 户 只 点 击 几 次 就 能 访问 少量 重要 的 、 0 和 
a a 因为 这 会 迫使 用 户 在 每 一 层级 中 都 要 在 数量 庞大 的 可 行 操作 中 做 出 选择 。 
层级 深度 变 浅 了 ， 每 一 层 的 可 选 操作 数量 就 增多 了 。 

CN a dp de de 
结果 ”， 并 得 出 结论 :“ 必 要 的 点 击 数量 不 会 影响 用 户 的 满意 度 ， 也 不 会 影响 成 功率 。 更 少 的 点 击 
数 并 不 会 让 用 户 更 开心 ， 也 不 一 定 让 操作 更 快 。” 


作 , 


较 流 的 ge 较 深 的 层级 钻 构 
用 户 点 击 一 次 就 能 到 达 9 个 目标 用 户头 须 点 击 两 次 才能 到 达 9 个 目标 
中 的 任 让 二 外 2 中 约 一 个 ,但 只 要 从 3 个 选项 中 进行 
个 选项 中 进行 选择 选择 


有 一 条 规则 与 “点 击 次 数 越 少 越 好 ”相似 ， 那 就 是 “ 必 必须 限制 给 用 户 的 选项 数量 '。 按照 这 
个 规则 , 用 户 面 对 的 选择 不 应 超过 7 个 ， 因 为 7 个 选项 是 人 类 选择 能 力 的 极限 。 实 际 上 ， 和 “点 击 
次 数 越 少 越 好 ”一 样 ， 这 条 规则 也 是 错误 的 。 

“7 项 规则 ” 源 于 普林斯顿 大 学 认 知 心理 学 家 George A. Miller 于 1956 年 发 表 的 论文 ?。 他 在 论 
文中 总 结 道 ， 普 通 人 的 工作 记忆 只 能 保存 7 种 不 同 的 事物 。 这 可 能 是 正确 的 ， 但 并 不 适用 于 从 多 
个 选项 中 做 出 选择 的 场景 ,因为 你 不 必 将 所 有 的 选项 都 记 住 ， 而 只 需要 浏览 它们 ,然后 选择 第 一 
个 看 起 来 会 让 你 接近 目标 的 选项 。 这 种 行为 模型 称 为 满意 解决 模型 ， 是 心理 学 家 Herbert Simon 在 
1956 年 创造 的 术语 。 很 多 人 会 轻易 选择 第 一 个 看 起 来 足够 令 人 满 意 的 选项 , 而 不 是 反复 比较 所 有 
可 选 答案 ， 最 后 做 出 最 佳 选择 。 

Barry Schwartz 在 《选择 的 悖 论 》 中 谈 到 ， 有 些 人 是 完美 主义 者 ， 他 们 总 是 尝试 找到 最 佳 方 
案 ， 而 不 是 屈 就 于 一 个 凑合 的 选择 。 更 重要 的 是 ， 虽 然 多 数 人 能 处 理 大 量 的 选项 ,但 是 很 多 人 不 
愿意 这 么 做 。Schwartz 说 :“ 数 量 过 多 的 选择 会 让 用 户 感到 诅 形 ， 因 为 这 会 迫使 人 们 花费 更 多 的 
精力 来 做 出 选择 。” 


GD 详 见 http://uxmyths.com/post/654026581/myth-all-pages-should-be-accessible-in-3-clicks。 
@ 详 见 维基 百科 页 面 http://en.wikipedia.org/wiki/The_Magical Num-ber_Seven Plus or Minus_ Two。 


换 名 话说， 尽管 大 多 数 人 完全 可 以 从 很 多 选项 中 做 出 选择 ， 但 是 他 们 不 乐意 这 么 做 。 

出 色 的 用 户 界面 , 并 不 是 指 每 个 页 面 都 可 以 通过 很 少 的 点 击 数 到 达 , 或 者 每 一 步 都 只 有 很 少 
的 可 选项 , 而 是 每 一 次 独立 的 点 击 都 尽 可 能 明显 。 如 果 用 户 心里 有 很 明确 的 目标 , 那么 每 个 层级 
都 应 该 有 一 个 明显 能 满足 他 需求 的 选项 , 或 者 至 少 能 让 他 接近 目标 。 只 要 用 户 能 感觉 到 离 目标 越 
来 越 近 ， 他 们 并 不 会 在 乎 进入 到 一 个 较 深 的 层级 结构 中 。 


元 素 分 组 


人 类 能 够 从 大 量 选项 中 做 出 选择 , 但 是 这 不 意味 着 你 可 以 直接 将 一 些 未 分 组 的 选项 扔 给 他 们 。 
满 屏 幕 的 相似 选项 会 让 人 骨 省 。 

将 选项 按照 有 意义 的 方式 分 组 和 排序 对 用 户 很 有 帮助 。 良 好 的 分 组 可 以 让 用 户 更 容易 地 扫 视 
选项 。 单 个 页 面 上 最 多 能 显示 的 选项 数量 主要 由 向 用 户 展示 选项 的 页 面 的 设计 方案 决定 。 如 果 当 
前 层级 有 很 多 不 同 的 选项 , 对 它们 进行 分 组 一 一 为 这 些 选项 添加 本 地 化 、 可 视 化 的 层级 结构 
可 帮助 用 户 从 大 量 选 项 中 找 出 想 要 的 那个 。 有 时 候 这 也 称 为 分 块 。 


同时 显示 过 多 的 选项 会 给 和 人造 皮 负 担 将 选项 结构 化 ， 叶 现 为 本 地 化 、 可 视 化 的 层级 结构 ， 
可 以 帮助 用 户 进行 选择 


怎样 才能 创建 这 种 本 地 化 、 可 视 化 的 层级 结构 呢 ? Stephen E. Palmer 在 Vision Science: Photons 
to Phenomenology [Pal99] 一 书 中 描述 了 大 量 为 元 素 分 组 的 方式 。 下 图 所 示 的 八 个 圆 点 就 没有 分 组 。 
每 个 圆 点 都 是 独立 的 。 


@ OO © © ® g@ @ 
能 让 它们 看 起 来 像 四 组 圆 点 。 这 称 为 临近 法 。 
@@ @@ @@ @@ 


对 圆 点 进行 两 两 分 组 ， 还 有 一 种 方法 : 改变 其 中 4 个 点 的 颜色 ， 然 后 根据 颜色 把 所 有 点 分 成 
四 组 。 


只 需 做 一 点 小 改动 ， 就 
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© © © oe®e ® 


改变 圆 点 的 尺寸 也 可 以 达到 同样 的 效果 。 
ee @o@e ee@i @ 
或 者 改变 它们 的 方向 。 


ge@@g 和 @e@ 
上 面 三 个 例子 展示 了 基于 颜色 、 尺 寸 、 方 向 分 组 的 方法 。 但 是 你 能 利用 的 相似 点 不 仅仅 是 这 
些 。 比 如 ， 使 用 不 同 的 字体 也 能 实现 分 组 。 
更 明显 的 分 组 方法 是 将 它们 置 于 相同 区 域 。 
® © © ©®l®@ © © 
或 者 干脆 直接 把 它们 连接 起 来 。 
@©@ ©® © ©® © © ©。 ©® 
还 有 很 多 种 方法 可 以 对 事物 进行 结构 化 和 分 组 。 当 你 需要 在 一 屏 内 展示 大 量 独立 的 元 素 时 ， 
就 可 以 使 用 这 些 方法 进行 分 组 。 
要 点 
口 如 果 可 行 ， 就 为 一 个 目标 提供 多 种 不 同 的 路 径 。 
O 不 要 为 了 减少 点 击 次 数 而 去 优化 整个 层级 结构 。 
O 使 用 分 组 对 独立 的 页 面 进行 组 织 。 
延伸 阅读 


如 果 你 对 信息 架构 这 一 更 大 的 领域 感 兴趣 ， 那 么 Peter Morville 和 Louis Rosenfeld 的 《Web 信 
息 架 构 》 以 及 Donna Spencer 的 4 Practical Guide to Information Architecture [Spe10] 都 将 是 不 错 的 
切入 点 。Spencer 还 写 了 一 篇 很 赞 的 关于 信息 架构 的 博文 "。 

如 果 你 对 人 类 如 何 感知 事物 有 兴趣 ，Vision Science: Photons to Phenomenology [Pal99] 会 是 一 
本 让 你 着 迷 的 读物 。 


GD 详 见 http://practical-ia.com。 


心智 模型 


作为 产品 的 使 用 者 ， 用 户 并 非 完 全 中 立 而 无 偏见 。 在 使 用 之 前 ,他 们 对 产品 应 该 如 何 工作 有 
自己 的 想法 。 然 而 ， 多 数 产 品 不 会 按照 用 户 期 望 的 方式 工作 ， 用 户 需 要 学 习 如 何 使 用 它们 。 


相 比 强制 用 户 学 习 使 用 产品 ， 创 造 出 按照 人 们 期 望 的 方式 工作 的 产品 不 是 更 好 吗 ? Joel 
Spolsky 在 User Interface Design for Programmers [Spo01] 一 书 中 指出 :“ 当 程序 完全 按照 用 户 期 望 


的 方式 工作 时 ， 其 用 户 界面 才 算 得 上 是 优秀 的 设计 。” | 
当然 , 不 同 的 人 对 事物 的 工作 方式 有 不 同 的 看 法 。 但 尽管 如 此 ， 你 仍然 可 以 尽力 缩小 产品 表 

现 和 用 户 期 望 之 间 的 差距 。 

用 户 的 想 ; 


用 户 对 某 事物 运作 方式 的 想法 称 为 心智 模型 。 心 智 模 型 通常 比 实际 情况 简单 得 多 。Alan 
Cooper 在 《交互 设计 精髓 》 中 将 心智 模型 描述 为 “一 种 强 有 力 的 认 知 速记 法 …… 能 处 理 用 户 与 产 
品 之 间 的 交互 ， 但 是 它 不 一 定 反映 真实 的 内 在 机 制 。” 

Jakob Nielsen 说 : “心智 模型 就 是 用 户 对 眼前 系统 的 认 知 。”? 

举 个 例子 ,开车 的 人 会 觉得 油门 踏板 和 引擎 之 间 存 在 直接 的 机 械 连 接 关系 。 他 们 认为 ， 踩 下 
油门 踏板 会 打开 某 种 阀门 ， 使 更 多 燃料 进入 引擎， 从 而 让 车 行驶 得 更 快 。 


和 
O 


GD 详 见 http:/www.useit.comyalertbox/mental-models.html。 


引擎 


是 错误 的 。 实际 上 , 油门 踏板 连接 的 是 计算 机 。 油 门 
数据 之 一 , 燃料 系统 也 只 是 计算 机 控制 的 众多 系统 中 


这 个 关于 汽车 工作 原理 的 心智 模型 其 实 
踏板 输入 的 数据 只 是 计算 机 需要 考虑 的 众多 
的 一 个 。 


控制 汽车 
的 不 同 部 件 


基于 这 些 数据 ， 计 算 机 试图 分 析 司 机 想 要 做 什么 。 他 是 不 是 刚 上 高 速 公 路 ， 所 以 想 加 速 ? 他 
是 不 是 因为 红 灯 变 绿 了 ,所 以 想 从 制 动 状 态 变 为 行驶 状态 ?他 是 不 是 因为 想 要 尽快 停车 , 所 以 突 
然 松 开 油门 踏板 ? 

如 果 计 算 机 运转 正常 ， 司 机 不 会 注意 到 这 一 过 程 。 但 是 踩 下 油门 踏板 后 车 会 行驶 得 更 快 , 下 
如 你 期 望 的 那样 。 


拟人 论 

用 户 喜欢 将 人 类 的 属性 赋予 应 用 程序 、 网 站 以 及 其 他 产品 。? 这 就 是 一 种 心智 模型 ， 人 
们 假设 机 器 和 人 类 运转 的 方式 相似 。 因 此 ， 如 果 硬 币 清 点 机 过 快 地 完成 了 任务 , 我 们 会 觉得 
它 没有 尽职 尽责 。 我 们 还 会 生计 算 机 的 气 , 仿佛 它们 故意 知 掉 了 我 们 的 文档 。 我 们 会 怀疑 汽 
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车 的 导航 系统 故意 将 我 们 引入 错误 的 路 线 。 我 们 还 会 给 设备 起 名 字 。 
汽车 制造 商 尤其 擅 于 利用 我 们 喜欢 将 产品 人 格 化 的 心理 ,他们 有 意 将 汽车 设计 得 看 起 来 
像 是 拥有 人 类 的 特点 ， 让 它们 看 起 来 温柔 冬 巧 或 者 意气 风 发 。 


作为 设计 师 ， 我 们 需要 留意 用 户 会 将 人 类 的 哪些 特性 赋予 产品 。 我 们 产品 的 行为 方式 像 
好 人 还 是 恶人 ? 它们 是 否 有 些 冷 漠 和 不 近 人 情 ? 它们 是 和 否 有 很 有 个 性 ? 它们 是 迟钝 还 是 高 
效 得 会 让 用 户 起 疑 ? 


a. Clifford Nass 在 《你 会 对 你 的 电脑 撒谎 吗 ”》 中 写 到 了 针对 这 一 话题 的 研究 。 


很 值得 注意 的 一 点 是 ,从 技术 层面 来 讲 , 用 户 关 于 汽车 如 何 运 转 的 心智 模型 是 错误 的 。 但 是 ， 
它 依然 有 助 于 用 户 理解 如 何 控制 汽车 , 因为 心智 模型 的 交互 逻辑 一 一 踩 下 油门 踏板 会 让 车 跑 得 更 
快 一 一 (多 数 时 候 ) 是 与 汽车 的 行为 相符 的 。 


换 句 话说 ， 用 户 的 心智 模型 不 一 定 准确 。 它 只 需 和 产品 的 行为 方式 一 致 。 
三 种 不 同 的 模型 

我 们 的 产品 实际 上 有 三 种 不 同 的 模型 。 
口 用 户 大 脑 中 的 产品 工作 原理 。 这 是 用 户 对 于 产品 的 心智 模型 。 
口 产品 会 给 用 户 旦 现 怎样 的 界面 。 我 称 之 为 UI 模型 。” 
口 产品 如 何 实现 。 我 称 其 为 实现 模型 。” 

对 于 一 款 理想 的 产品 来 说 ,这 三 个 模型 是 一 致 的 。 用 户 界 面 完美 地 呈现 出 产品 的 实现 ,用户 
也 完全 理解 他 所 见 到 的 产品 。 


怒 


一 


Q@ 由 产品 的 视觉 表现 〈 它 的 用 户 界面 ) 支撑 的 模型 有 时 候 也 称 为 设计 模型 、 显 式 模型 或 者 设计 师 模 型 。 
@ 由 实现 支撑 的 模型 有 时 候 也 称 为 系统 模型 或 者 程序 员 模 型 。 
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隐藏 实现 的 细节 


现实 中 , 这 三 个 模型 不 可 能 完全 一 致 。 例 如 , 实现 模型 可 能 既 复 杂 又 陈旧 , 你 需要 将 其 简化 。 
而 这 又 与 保持 实现 模型 和 UI 模型 一 致 的 目标 矛盾 。 


9 模型 应 该 向 用 户 LS 模型 应 该 与 实现 
隐藏 实现 横 型 的 复杂 性 横 型 保持 一 致 


这 是 个 权衡 过 程 。 为 了 大 多 数 用 户 获 得 更 好 的 体验 ， 


你 可 以 简化 用 户 界面 。 但 是 这 意味 着 
UI 模型 与 实现 模型 就 不 可 能 完全 一 致 。 
假设 你 在 开发 一 个 购买 可 下 载 电影 的 在 线 平台 。 洪 在 用 户 以 往 购买 电影 的 流程 如 下 。 
(1) 进入 商店 。 
(2) 浏览 若干 部 电影 ， 直 到 找到 喜欢 的 那 部 。 
(3) 为 所 选 的 DVD 付 款 。 


这 就 是 用 户 关 于 如 何 购买 电影 的 心智 模型 。 
但 是 在 网 上 购买 电影 与 上 述 流程 截然 不 同 。 消 费 者 不 会 给 你 现金 ; 服务 器 上 运行 的 程序 会 请 
求 信用 卡 公 司 在 数据 库 中 修改 数字 , 而 后 在 数据 库 中 更 新 一 些 数据 , 标记 某 消 费 者 获准 下 载 某 电 
影 文件 。 消费 者 下 载 的 时 候 , 文件 已 经 打上 水 印 ， 可 能 还 经 过 加 密 


[ 密 。 一旦 下 载 完 成 ,消费 者 客户 
端 上 的 程序 会 对 此 文件 进行 解密 ， 解 码 这 个 被 存储 的 电影 ， 然 后 将 它 显 示 在 消费 者 的 屏幕 上 。 
如 何在 用 户 界 面 上 展示 如 此 复杂 的 交互 行为 呢 ? 


4 ) 在 一 大 堆 数 据 
为 某 部 电影 付 钱 库 中 浏览 数据 
国 


心智 模型 实现 模式 


邮 
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消费 者 关于 购买 电影 流程 的 心智 模型 和 实现 模型 之 间 的 纽带 是 用 户 界面 。 这 两 个 模型 的 区 别 
很 大 , 所以 用 户 界面 的 职责 就 是 充当 两 种 模型 的 翻译 ,借助 用 户 能 够 理解 和 熟悉 的 方式 ， 呈 现 那 
些 发 生 在 用 户 视野 之 外 的 不 寻常 之 事 。 为 了 帮助 用 户 了 解 发 生 了 什么 ，UJ 模 型 应 该 更 接近 用 户 的 
心智 模型 而 不 是 实现 模型 ， 隐 藏 实现 的 诸多 复杂 的 细 闻 。 


你 比 用 户 知 道 得 多 


如 果 你 正 为 一 款 产品 开发 用 户 界面 ， 可 能 知道 产品 如 何 实现 。 如 果 你 正 为 某 公 司 开 发 官 
网 ， 可 能 已 了 解 该 公司 的 内 部 结构 。 但 是 用 户 ( 极 有 可 能 ) 不 知道 这 些 事情 。 所 以 ， 从 一 开 
始 , 你 和 用 户 关于 事物 如 何 运转 的 心智 模型 就 不 同 ,因为 你 的 心智 模型 是 由 那些 用 户 不 知道 
的 事情 组 成 的 。 


因此 ， 对 你 有 意义 的 的 事情 ， 不 一 定 对 用 户 同样 有 意义 。 


抽象 渗 漏 


对 用 户 隐 藏 实现 细节 会 让 UI 模型 更 易于 理解 。 但 与 此 同时 出 现 了 另外 一 个 问题 ; 一 旦 隐藏 的 
实现 细节 污 露 给 用 户 ， 就 将 与 他 们 关于 产品 表现 的 心智 模型 不 一 致 。 

让 我 们 来 看 一 下 之 前 提 到 的 关于 购买 电影 的 例子 。 我们 假设 现在 有 一 个 人 想 给 妹妹 购买 一 部 
电影 。 她 关于 将 购买 一 部 电影 作为 礼物 的 心智 模型 也 很 简单 。 

(1) 进入 商店 。 

(2) 浏览 若干 电 影 ， 直 到 找到 妹妹 喜欢 的 那 部 。 

(3) 为 所 选 的 DVD 付款 。 

(4) 用 漂亮 的 包装 纸 把 DVD 包 起 来 。 

(5) 将 包装 好 的 DVD 送 给 妹妹 。 


但 是 在 线 为 妹妹 买 电影 的 时 候 , 该 用 户 的 心智 模型 就 失效 了 。UI 模 型 隐藏 了 实现 模型 中 很 关 
键 的 一 环 : 她 买 到 的 电影 是 经 过 加 密 的 , 需要 解码 才能 观看 ,而 且 只 能 在 她 自己 的 电脑 上 解码 和 
观看 。 她 认为 自己 可 以 将 下 载 的 电影 通过 移动 存储 设备 送 给 妹妹 ， 这 是 很 合理 的 假设 ,因为 这 与 
她 关于 电影 如 何 工作 的 心智 模型 相符 。 但 实际 上 ， 她 的 妹妹 根本 无 法 观看 那 部 电影 。 
怎样 防止 类 似 的 问题 出 现 呢 ? 


基于 心智 模型 而 设计 


首先 , 你 要 弄 清楚 用 户 对 于 事物 运转 方式 的 理解 。 和 他 们 对 话 , 了 解 他 们 固有 的 心智 模型 ( 参 
见 第 3 章 ),。 然后 做 一 次 卡片 分 类 ， 了 解 他 们 对 于 元 素 分 组 方式 的 看 法 ( 参见 第 9 章 )。 接 下 来 使 用 
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纸 面 原型 进行 可 用 性 测试 (参见 第 14 章 )， 进 而 拿 出 与 用 户 心 智 模型 匹配 的 设计 方案 。 最 后 ， 向 
用 户 展示 你 的 设计 方案 ,描述 一 个 交互 过 程 ， 询 问 他 们 的 期 望 。( 可 以 这 么 问 :“ 假 如 我 输入 一 些 
文字 ， 然 后 关闭 这 个 文档 ， 你 觉得 将 会 发 生 什么 ?””) 

利用 从 对 话 和 可 用 性 测试 中 得 到 的 信息 , 你 可 以 设计 出 与 用 户 心智 模型 一 致 的 UI 模 型 。 如 曙 
你 正 从 头 开始 开发 产品 ， 那 么 要 确保 实现 模型 和 UI 模 型 相 匹 配 。 


一 


‘i 


我 出 人 们 对 产品 设计 出 与 之 相 匹 构建 出 行为 与 用 户 罩 面 


工作 原理 的 认 知 配 的 用 户 界 面 相 一 致 的 产品 


这 并 非 总 是 可 行 的 。 有 时 , 你 需要 面 对 一 个 已 有 产品 ,， 它 的 工作 方式 与 用 户 期 望 不 一 致 , 但 
你 又 不 能 改变 它 的 工作 方式 。 在 这 种 情况 下 ,要 保证 用 户 需 要 学 习 的 东西 既 少 又 简单 ， 以 便 他 们 
可 以 轻松 改变 其 心智 模型 ， 适 应 产品 实际 的 工作 方式 。 

如 果 你 发 现 ， 当 用 户 使 用 产品 时 〈 比如 ， 在 可 用 性 测试 过 程 中 )， 他 们 对 于 产品 的 心智 模型 
总 是 错 的 , 那 就 尝试 改变 产品 的 外 观 , 比如 , 避免 那些 与 产品 表现 不 相符 的 隐喻 。( 更 多 关于 “ 隐 
喻 ”的 知识 ， 详 见 第 15 章 。) 你 还 可 以 尝试 让 产品 看 起 来 独一无二 ， 这 样 用 户 马上 就 能 理解 为 何 
它 表 现 得 和 其 他 已 知 产品 不 同 。 

Mary Jo Davidson 、Laura Dove 和 Julie Weltz 在 “Mental Models and Usability”“ 一 文中 描述 了 
七 条 可 以 帮助 用 户 形成 有 效 心智 模型 的 设计 原则 。 


原则 1: 简易 


心智 模型 是 现实 的 简化 版 。 如 果 产 品 遵循 少量 简单 的 规则 ， 则 用 户 的 
心智 模型 很 可 能 和 系统 实际 的 工作 方式 保持 一 致 ， 用 户 学 习 这 些 规则 也 会 
更 容易 。 

例如 ，Flip 视 频 摄像 机 ， 就 在 背面 设计 了 一 个 大 红 按 钮 。 

即使 从 未 用 过 这 款 产品 ， 也 只 需 看 一 眼 ， 就 能 正确 建立 关于 这 个 摄像 
机 如 何 工作 的 心智 模型 : 按 下 按钮 开始 录制 ， 再 按 一 下 停止 。 


(承蒙 Cisco 惠 允 ) 


GD 详 见 http://www.lauradove.info/reports/mental%20models.htm。 
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原则 2: 熟悉 
用 户 在 使 用 你 的 产品 前 已 有 大 量 先 验 知识 。 你 的 产品 需要 与 相近 产品 以 及 真实 世界 中 事物 运 
转 的 方式 保持 一 致 ， 这 样 用 户 才 更 有 可 能 建立 正确 的 心智 模型 。 
关于 这 一 原则 有 一 个 例子 : 在 大 多 数 现代 操作 系统 中 , 用 户 会 将 垃圾 文件 扔 进 回收 站 ， 然 后 
清空 。 你 无 需 向 用 户 解 释 如 何 分 辨 空 回收 站 与 含有 垃圾 文件 的 回收 站 。 他 们 关于 回收 站 工作 原理 
的 先 验 知识 就 够 用 了 。 


CE ET 


oy 1 
、 埠 < 埠 - 
全 ef Cas 
Windows 7 中 均 室 回收 站 有 文件 的 回 收 站 
当然 ， 关 于 回收 站 的 先 验 知识 也 会 引起 麻烦 ， 在 Mac OS X 系 统 中 ， 将 DVD 拖 搜 到 回收 站 图 


标 上 (之 后 会 变 成 弹射 的 符号 ) 可 以 弹出 DVD。 可 以 预见 , 很 多 人 因 这 一 现象 而 迷惑 不 解 ; 毕 竞 ， 
他 们 不 想 因 为 将 DVD 扔 进 回收 站 而 意外 损坏 DVD。 


iPad 上 的 很 多 音乐 应 用 程序 也 利用 了 熟悉 这 一 原则 。 下 面 是 名 为 djay 的 应 用 : ” 


re A/B 


-01:55 [@) -01:32 Let's Test Again 


这 看 上 去 很 像 一 个 真实 的 双 转 盘 DJ 系统 。 正 因 如 此 , 熟悉 这 类 系统 的 用 户 无 需 学 习 就 能 直接 
使 用 它 。 他 们 已 有 的 心智 模型 使 得 他 们 完美 地 理解 了 所 见 之 物 。 


GD 详 见 http:/www.algoriddim.com。 
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原则 3: 易于 识别 
不 要 让 用 户 自己 回忆 如 何 操 作 , 而 是 给 出 提示 或 显而易见 的 选项 , 让 他 们 知道 当前 有 哪些 可 
选 的 操作 。 


例如 ， 在 Windows 7 系统 中 ， 菜 单 栏 为 用 户 当 前 浏览 的 图 片 提供 了 一 些 相关 的 操作 。 如 果 他 
正在 查看 图 片 ， 菜 单 栏 就 会 提供 分 享 或 者 预览 相关 的 操作 选项 ， 如 下 图 所 示 。 


» Libraries » Pictures » SamplePictures 


Search Sample Pictures 
mm Sharewith = Sideshow Bumn Newfolder 中 ~” 团 @ 
请 Favori Pictures library 
je older 了 
| Sample Pictures 
ls 


用 户 不 需要 记 住 怎样 以 幻灯 片 的 形式 浏览 图 片 。 当 他 们 需要 的 时 候 , 以 幻灯 片 显 示 的 选项 就 
会 出 现在 菜单 栏 上 。 


原则 4: 灵活 
人 允许 用 户 使 用 不 同 的 技术 以 任意 顺序 执行 操作 。 


在 现代 的 文本 处 理 器 中 ,用 户 可 以 在 打字 的 同时 针对 文档 的 不 同 部 分 使 用 不 同 的 文字 样式 。 
他 们 也 可 以 先 将 所 有 文字 打 完 ， 然 后 对 文档 的 不 同 部 分 应 用 不 同 的 样式 。 


Om Di hoo 

| styles "| | | Spacing Ea | Lists ”| Fe 
Defaul 

mci A 二 有 

| alic n actions in any order, using different 

| Outlined sible. 

Shadowed 


Struck through 
Underlined 


Other... 


无 论 用 户 的 心智 模型 是 怎样 的 ,如 果 你 的 产品 够 灵活 , 它 就 就 有 可 能 按照 用 户 期 望 的 方式 工作 。 
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原则 5: 反馈 


永远 要 对 用 户 的 交互 做 出 快速 、 有 用 的 反馈 。 如 果 用 户 点 击 了 某 个 元 素 , 那么 它 应 该 立刻 高 
亮 显示 。 如 果 他 拖 搜 茶 个 元 素 ， 那 么 这 个 元 素 应 当 随 着 鼠标 或 者 手指 的 移动 运动 ， 不 能 有 延迟 。 
如 果 他 启动 了 一 个 需要 花 一 些 时 间 才 能 完成 的 操作 , 就 应 当 向 他 展示 一 个 活动 指示 需 ， 比 如 进度 
条 ， 告 诉 他 计算 机 已 经 收 到 了 命令 ， 正 在 处 理 (更 多 信息 可 以 参考 第 26 章 )。 


得 到 及 时 的 反馈 , 可 以 帮助 用 户 纠正 他 们 心智 模型 中 的 错误 , 还 能 让 他 们 在 心智 模型 正确 时 
更 加 确信 自己 的 操作 。 


砚 乏 反 饶 ， 用 户 很 难 了 解 按钮 的 按钮 按 下 时 会 亮 起 ,这 种 即时 反馈 
用 法 ， 很 难 知 道 按钮 是 否 可 用 让 用 户 易 于 掌握 按钮 的 用 法 


上 面 两 张 图 展示 的 是 苏黎世 电车 上 使 用 的 两 种 停车 按钮 。 右 边 的 那个 一 旦 按 下 就 会 亮 起 , 左 
边 那 个 就 不 会 。 在 苏黎世 乘坐 电车 的 时 候 ， 你 会 经 常 注意 到 人 们 重复 地 按压 左 图 显示 的 按钮 ， 仅 
仅 是 为 了 确保 自己 的 命令 被 接收 了 ， 因 为 没有 明显 的 反馈 。 而 右边 的 按钮 很 少 发 生 这 种 情况 。 


当然 , 也 会 出 现 反馈 过 度 的 情况 。 一些 火 车 上 的 按钮 采用 了 不 同 的 色彩 方案 , 其 中 一 种 颜色 
表明 按钮 可 以 按 下 ( 只 在 火车 停止 前 短暂 激活 )， 而 男 一 种 则 表明 按钮 已 经 按 下 。 人 们 根本 记 不 
住 颜 色 对 应 的 意义 ,所 以 他 们 往往 会 重复 按 几 次 按钮 ,只 是 为 了 确保 按钮 已 切换 到 了 正确 的 状态 。 
反馈 会 玫 人 们 建立 正确 的 心智 模型 。 但 是 反馈 过 多 或 反馈 不 明确 则 会 让 人 们 更 加 困惑 。 


原则 6: 安全 

用 户 的 操作 不 可 以 有 破坏 性 ， 除 非 他 们 有 意 如 此 。 关 闭 有 未 保存 修改 的 文档 时 ， 应 该 给 予 用 
户 找 回 修改 的 机 会 。 应 当 总 是 允许 用 户 执行 撤销 操作 (参见 第 22 章 )。 让 他 们 自由 探索 ， 而 不 必 
担心 造成 永久 性 的 破坏 , 这 样 他 们 才 会 更 加 放心 大 胆 地 学 习 产 品 的 工作 原理 , 调整 自己 的 心理 模 
型 以 适应 产品 的 工作 原理 。 


例如 ,用户 关闭 了 一 个 Google Chrome 浏 览 器 窗口 ， 然 后 非常 想 找 回 之 前 打开 的 标签 页 ， 这 
时 可 以 使 用 历史 菜单 轻松 进行 恢复 。 
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曾 Chrome File Edit view LEED Bookmarks Window Help 


1Tab 


p 
1Tab p - 
1Tab p 《< ignore the code 
3Tabs p 语 Uland Us 一 Uland Ux des.. perience - Ul and us Blog 
1Tab p 下 Design Dare - from developer to designer 


回 Show Full Hist 园 Release Candidate One 
ow Full History 


同样 ， 如 果 Chrome 骨 溃 了 ， 用 户 也 可 以 恢复 那些 在 表 溃 时 开 着 的 窗口 。 


全 4 ot 
全 @y $Coogle x 起 汪 
€ 3 CC Owww.google.com 神似 
因 Google Chrome didn't shut down correctly. To reopen the paces you had open, click Restore. (Restore) 其 
Web Images Viceos Maps News Shopping Gmail more Y iGoogle | Search settngs | Sign in 


假想 的 因果 关系 


两 件 事 情 同 时 或 接连 发 生 的 时 候 ， 人 们 往往 会 认为 两 者 之 间 有 因果 关系 。* 如 果 用 户 做 
了 事件 A， 事 件 B 紧 跟着 发 生 ， 那 么 他 通常 会 断定 是 A 引发 了 B。 你 可 以 利用 这 一 点 ， 帮 助人 
们 建立 正确 的 心智 模型 但 要 切记 这 很 容易 产生 错误 的 心智 模型 。 


这 个 问题 经 常 出 现在 故障 排除 阶段 ,比如 某 个 物品 坏 了 ,用 户 尝 试 了 一 些 方法 去 修复 它 ， 
然后 它 正常 工作 了 ， 用 户 就 会 自 Oe 自己 的 操作 修复 了 问题 。 毕 竟 ， 他 们 不 知道 
如 果 自 己 什 么 也 不 做 ， 这 个 物品 是 否 也 能 正常 工作 。 


在 瑞士 ,你 会 经 常 看 到 人 们 在 使 用 自动 投 币 机 器 的 时 候 , 如 果 第 一 次 投 币 机 器 没有 接收 ， 
他 们 会 用 硬币 刊 蹲 机 器 。 
刊 中 之 后 一 般 投 币 都 会 成 功 , 于 是 人 们 很 自然 地 认为 各 中 机 器 起 了 作用 。 其 实 不 刊 踏 机 
器 ， 第 二 次 尝试 投 币 也 会 成 功 。 


a. 这 称 为 “后 此 廖 误 "。 
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原则 7: 功能 可 见 性 

用 户 界 面 元 素 的 设计 应 该 向 用 户 提示 界面 元 素 的 交互 方式 。 传 达 可 行 交 互 方式 的 设计 细节 称 
为 功能 可 见 性 。 

Don Norman 在 《设计 心理 学 : 日 常 的 设计 》 一 书 中 写 了 这 样 一 句 话 : 

优秀 的 设计 师 会 确保 恰当 的 操作 是 可 感知 的 ， 而 不 恰当 的 操作 则 是 不 可 见 的 。 

任天堂 老式 NES 控 制 器 ( 下 图 左 ) 的 设计 没有 明显 地 表明 你 应 该 怎么 握 持 。 实 际 上 ， 两 个 红 
色 按 钮 十 分 靠近 右 下 方 ， 所 以 上 下 颠倒 过 来 握 持 控制 器 反而 更 舒适 一 些 。 对 比 来 看 ,任天堂 新 的 
GameCube 手 柄 要 复杂 得 多 ， 但 是 握 持 方式 显而易见 ， 因 为 两 边 突出 的 部 分 告诉 用 户 应 该 用 手 握 
住 它们 。 
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用 户 界 面 经 常 使 用 斜面 和 高 亮 来 标识 那些 可 以 交互 的 元 素 。 


EI XS 


当 你 将 鼠标 移 至 用 户 界面 元 素 之 上 时 ， 高 亮 进一步 表明 它 可 以 点 击 。 
加 回回 一 


当然 ， 如 果 这 种 “ 悬 停 效 果 ” 没 有 正确 工作 的 话 ， 功 能 可 见 性 会 对 用 户 造成 误导 ， 让 用 户 以 
为 他 可 以 和 某 一 界面 元 素 交 互 ， 实 则 不 能 。Mac OS XX 窗口 标题 栏 的 按钮 就 是 一 个 例子 。 在 用 户 
将 鼠标 移 到 一 个 可 点 击 区 域 之 前 , 按钮 就 已 经 高 亮 显 示 。 这 会 让 用 户 过 早点 击 ， 从 而 错失 真正 想 
点 击 的 目标 。 


BO (Noel) 
Ps 


同样 使 人 误解 的 功能 可 见 性 还 经 常 存在 于 音频 软件 中 ， 比 如 Propellerhead Software 公 司 的 
ReBirth。 这 些 应 用 常常 把 按钮 设计 成 真实 旋钮 的 样子 ， 表 明 用 户 可 以 通过 旋转 与 之 交互 。 


pn 
. ™ - 
” ” 


- 全 


暗示 的 交互 方式 实际 的 交互 方式 
但 实际 上 ， 你 只 能 牌 直 拖 动 它们 来 改变 数值 。 
我 会 在 第 15 章 深入 谈论 如 果 在 用 户 界面 设计 中 应 用 功能 可 见 性 。 


口 人 类 对 于 事物 如 何 运转 有 自己 的 想法 。 产 品 和 用 户 想法 的 匹配 度 越 高 ， 人 们 在 使 用 产品 
时 要 学 习 的 东西 就 越 少 。 

D 为 了 匹配 用 户 的 心智 模型 ， 通 常 需 要 对 他 们 隐藏 实现 的 细节 。 要 当心 “抽象 渗透 "。 

D 基于 心智 模型 而 设计 ， 产 品 要 简单 、 熟 悉 、 灵 活 并 且 安 全 。 提 供 反 馈 ， 在 任何 特定 的 时 
刻 都 要 让 用 户 可 选择 的 操作 显而易见 。 


延伸 阅读 


在 Alan Cooper 的 《交互 设计 精髓 》 中 , 有 一 章 是 关于 心智 模型 的 , 写 得 很 棒 。Robert Hoekman 
的 《一 目 了 然 : Web 和 移动 应 用 设计 通 识 方法 》 中 也 涵盖 了 心智 模型 的 内 容 。Joel Spolsky 的 User 
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Interface Desien for Proerammers [Spo01] 从 开发 者 的 视角 谈论 了 心智 模型 。 
Jakob Nielsen 也 写 过 关于 心智 模型 的 文章 。” 


William Lidwell、Kritina Holden 和 Jill Butler 合 著 的 《通用 设计 法 则 》 对 心智 模型 进行 了 全 方 
位 的 介绍 ， 这 本 书 应 该 放 在 每 位 设计 师 的 案头 。 


GD 详 见 http:/www.useit.comy/alertbox/mental-models.htm。 


目前 为 止 ， 你 对 目标 用 户 是 谁 以 及 需要 解决 何 种 类 型 的 问题 心 
中 有 数 了 ， 但 还 没有 选 定 任何 具体 的 解决 方案 。 人 类 很 容易 将 那些 
违背 当前 意见 的 信息 合理 化 ， 所 以 不 要 过 早 做 出 选择 。 


不 要 急于 寻找 完全 成 型 的 理念 ， 先 为 你 的 产品 做 一 份 流程 图 。 
流程 图 是 非常 简单 的 、 高 层次 的 理念 ， 可 以 帮助 你 了 解 自 己 的 产品 
如 何 工 作 。 从 流程 图 到 故事 板 ， 到 简单 的 草图 ， 最 终 到 完整 的 实物 
模型 ， 其 至 到 交互 原型 ， 你 可 以 逐步 地 为 设计 增加 细 市 。 

你 要 时 刻 想 到 自己 可 能 犯错 。 纠 结 于 一 个 无 效 的 设计 越久 ， 就 
越 难 改变 它 。 失 败 来 得 早 一 点 是 好 事 。 要 想 确保 设计 没有 偏离 正轨 ， 
以 及 让 自己 在 早期 犯错 ， 可 以 请 真实 用 户 来 测试 设计 理念 。 

本 书 的 这 一 部 分 是 关于 交互 的 。 你 需要 避免 固执 己见 。 设 计 ， 
测试 ， 承 认 设计 无 效 ， 然 后 修复 ， 反 复 迭 代 。 
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设计 一 款 新 车 , 有 很 多 严格 的 限制 条 件 。 人 们 需要 参加 驾驶 课程 ， 花 几 周 或 者 数 月 的 时 间 学 
习 汽 车 的 工作 原理 。 这 是 一 笔 很 大 的 投入 ,人们 自然 会 有 一 定 的 期 望 。 人 们 不 会 买 配备 操纵 杆 而 
不 是 方向 盘 的 汽车 ， 因 为 那样 他 们 必须 重新 学 一 遍 如 何 驾 车 。 除 此 之 外 ， 还 有 相关 法 律 的 制约 。 
供应 商 只 会 提供 特定 的 部 件 ,定制 部 件 则 会 增加 成 本 。 再 者 ,汽车 要 上 路 ， 所 以 会 受制 于 无 法 改 
变 的 东西 ， 比 如 物理 定律 。 这 么 多 的 限制 条 件 ， 在 大 方向 上 决定 了 汽车 的 外 观 。 因 此 ， 大 部 分 汽 
车 都 很 相似 ， 演 进 得 极其 缓慢 。 

软件 设计 的 限制 就 少 多 了 。 软 件 不 过 是 屏幕 上 颜色 丰富 的 像素 点 ,而且 屏 幕 完全 不 在 意 这 些 
点 的 颜色 。 你 可 以 将 它们 设置 成 任何 颜色 ， 以 任意 的 布局 来 展示 ， 也 可 以 根据 喜好 更 改 它们 。 

另 一 种 思路 是 : 汽车 设计 已 有 一 百 多 年 的 历史 , 但 是 图 形 用 户 界面 的 设计 历史 仅 有 短 短 几 十 
年 。 这 个 行业 还 处 在 起 步 阶段 。 如 今 的 用 户 界面 甚至 还 没 到 达 福特 T 型 车 的 水 平 ， 我 们 还 处 在 不 
i 尝试 给 马车 装 上 车 汽机 的 时 期 。 

综 上 , 应 用 程序 设计 的 限制 不 像 其 他 设计 领域 那么 多 , 我 们 仍然 处 于 用 户 体验 设计 的 初级 阶 
段 。 所 以 ,用 户 界面 设计 是 一 个 很 容易 搞 砸 的 领域 , 但 也 是 一 个 多 投入 一 点 就 能 使 结果 大 不 相同 
的 领域 。 然 而 ， 我 们 倾向 于 更 稳妥 的 选择 。 

本 章 的 目的 是 帮助 你 识别 容易 过 早 做 出 稳妥 选择 的 情况 , 更 重要 的 是 鼓励 你 大 胆 一 些 , 将 设 
计 提 升 一 个 层次 。 


不 要 站 队 


在 设计 会 议 中 , 通常 会 有 人 对 某 个 设计 问题 提出 解决 方案 , 然后 有 人 不 同意 , 并 且 提 出 替代 
方案 。 这 时 , 人 类 喜欢 拉 帮 结 派 的 特点 就 显现 出 来 了 , 参 会 的 其 他 人 会 针对 这 两 种 方案 开始 站 队 。 
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“我 更 喜欢 Jane 的 想法 ， 它 会 让 产品 使 用 起 来 更 高 效 。 “但 是 Tom 的 想法 对 新 用 户 更 友好 。” 
此 时 ， 人 们 会 中 止 设 计 ,， 开始 争论 这 两 个 方案 哪个 正确 。 但 是 交互 设计 是 一 个 非常 年 轻 的 领 
域 ， 设 计 问题 根本 没有 所 谓 正确 的 方案 。 实 际 上 , 我 们 争论 的 不 过 是 蒸汽 机 该 放 在 马车 前 面 还 是 
后 面 这 样 无 足 轻重 的 问题 。 
屏幕 的 高 自由 度 , 使 得 我 们 对 于 任意 问题 都 能 找到 无 数 种 可 行 的 解决 方案 。 如 今 的 用 户 界面 
没有 哪 一 种 是 完美 无 瑕 的 。 你 可 以 各 驶 一 辆 配备 蒸汽 机 的 马车 , 也 可 以 在 当前 的 文本 处 理 需 中 写 
信 ， 但 它们 的 用 户 体验 都 很 差 。 


从 马车 到 汽车 


归 和 从 于 本 章 开 始 提 到 的 限制 条 件 ， 自 从 人 类 发 明 蒸 汽 驱 动 的 马车 以 来 , 汽车 设计 一 直 没 
有 取得 很 大 的 进展 。 汽 车 的 演进 速度 相当 缓慢 , 这 意味 着 从 很 多 方面 来 说 它 的 设计 仍然 很 差 ， 
汽车 每 年 造成 的 死亡 人 数 就 是 证 据 之 一 。 一 款 会 杀 死 用 户 的 产品 很 难说 是 设计 良好 的 。 

而 软件 ， 由 于 没有 诸多 类 似 的 限制 ， 可 以 发 展 得 非常 迅猛 。 当 然 ， 对 于 任何 产品 设计 说 
来 说 ， 不 能 杀 死 用 户 都 是 一 个 重要 的 目标 。 

Tim Urban 发 表 过 一 篇 关于 汽车 设计 发 展 缓慢 的 有 趣 文章 。。 


a. http://waitbutwhy.com/2015/06/how-tesla-will-change-your-life.html 


不 要 做 无 意义 的 二 选 一 


当 某 人 在 设计 会 议 上 提出 一 个 具体 的 方案 ， 人 们 会 自动 陷入 一 种 模式 : 支持 或 反对 这 个 方 
案 ， 而 不 是 优化 它 ， 或 者 尝试 提出 一 个 全 新 的 方案 。 重 要 的 是 ， 认 清 这 种 情况 ， 停 止 非 黑 即 白 
的 讨论 ， 回 到 更 富有 成 效 的 讨论 方式 上 来 ， 让 人 们 会 尝试 解决 设计 问题 ， 而 不 是 争论 两 种 建议 
哪个 “正确 ”。 


不 要 过 早 地 确定 方案 
不 要 认为 你 想到 的 第 一 个 、 第 二 个 、 第 三 个 、 第 四 个 方案 就 是 你 能 想到 的 最 佳 方案 。 尽 可 能 
想 出 更 多 的 方案 ,不 要 急 着 对 每 一 个 进行 评价 ( 比较 差 的 方案 也 有 可 能 经 过 优化 脱颖而出 )。 


心理 学 中 的 平等 几率 原则 指出 ,你 想到 的 任何 主意 都 有 相同 的 机 会 成 为 “好 ”主意 。 对 于 很 
多 人 来 说 ,这 是 违背 直觉 的 。 你 可 能 认为 自己 会 灵感 枯竭， 而 且 想 出 的 方案 越 多 , 方案 的 质量 就 
越 差 。 或 者 你 可 能 会 觉得 更 有 意义 的 做 法 是 ， 少 想 一 些 方案 ， 但 保证 每 个 方案 都 很 优质 。 
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这 方面 的 研究 很 多 "， 结 论 都 是 ， 专 注 于 想 出 更 好 的 方案 是 没有 用 的 ， 所 有 方案 都 有 同等 的 
机 会 成 为 好 方案 。 这 意味 着 ， 要 想 产 生 更 多 好 方案 ， 你 只 需 想 出 更 多 的 方案 。 


打破 常规 
起 作用 的 设计 就 是 好 设计 。 这 一 点 是 显而易见 的 ,但 是 人 们 常常 误 以 为 好 的 设计 就 是 遵循 窒 
主 系统 UI 规 则 的 设计 ， 或 者 与 其 他 同类 产品 保持 一 致 的 设计 ， 或 者 遵从 其 他 惯例 的 设计 。 


当 有 疑问 时 ,遵照 惯例 是 个 好 办 法 。 常 规 的 存在 是 有 一 定 道理 的 。 例 如 ,谷歌 就 对 其 材料 设 
计 规 范 投入 了 很 多 ， 如 果 不 遵 循 这 份 标准 ， 错 误 出 现 的 概率 会 大 大 增加 。 


当然 ， 你 也 可 能 另辟蹊径 ， 提 出 更 好 的 方案 。 


用 户 不 关心 产品 是 否 遵守 了 设计 规范 , 或 者 你 是 否 读 过 苹果 的 用 户 界 面 指南 。 他们 只 在 意 7 
是 否 能 为 他 们 服务 。 


如 果 你 认为 遵循 常规 会 让 产品 更 难 用 , 更 难 上 手 , 或 者 使 用 起 来 很 低 效 ,你 就 需要 挑战 这 些 
常规 ， 为 用 户 的 需求 找到 最 佳 方案 。 


接着 ， 为 了 验证 你 的 想法 是 正确 的 ， 你 要 测试 它们 ( 可 参考 第 31 章 )。 
回顾 先前 的 想 ; 

投入 了 大 量 时 间 和 精力 , 经 历 了 漫长 的 设计 流程 之 后 , 你 可 能 觉得 最 终 成 型 的 设计 就 是 最 好 
的 。 毕 部， 你 已 经 花费 了 大 量 时 间 和 金钱， 就 此 放弃 太 浪 费 了 。 

这 就 是 所 请 的 沉没 成 本 误区 。 

之 所 以 称 之 为 误区 , 是 因为 你 根据 设计 过 程 中 投入 的 时 间 和 金钱 ,而 不 是 设计 真正 的 价值 做 
出 了 选择 。 这 时 ， 最 好 退 一 步 ， 回 顾 一 下 一 路 走 来 的 历程 ， 再 考虑 一 下 早期 的 想法 。 这 些 想法 通 
常 很 简单 ， 但 是 UX 设计 简单 反而 更 好 。 
不 要 义无反顾 地 选择 耗 时 最 多 的 方案 。 时间 多 不 代表 质量 高 。 而 且 花 了 这 么 多 时 间 , 你 对 将 
要 解决 的 问题 肯定 理解 得 更 加 深刻 ， 这 也 有 助 于 做 出 正确 的 选择 。 
你 永远 可 以 做 得 更 好 


如 果 你 从 未 见 过 汽车 , 那么 前 面 提 到 的 装配 蒸汽 机 的 马车 会 让 你 印象 深刻 一 一 这 个 隆隆 作 响 
的 庞然大物 竞 然 不 需要 马匹 就 能 自己 跑 动 ， 这 难道 不 是 人 类 在 运输 领域 的 烙 峰 之 作 吗 ? 
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Oz 例如, Rex E. Jung、Christopher J. Wertz、 Christine A. Meadows、 Sephira G. Ryman、 Andrei A. Vakhtin 和 Ranee A. Flores 
的 “Quantity yields quality when it comes to creativity: a brain and behavioral test of the equal-odd rule”， 详 见 
http://www.ncbi.nlm.nih.gov/pmc/articles/PMC4479710。 
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回想 一 下 , 很 显然 , 这 只 是 向 现代 汽车 发 展 的 第 一 小 步 。 但 在 当时 ,这 类 机 器 肯定 让 人 觉得 
不 可 思议 。 谷 歌 或 者 苹果 的 设计 成 果 通 常 都 看 上 去 难以 置信 。 但 是 几 十 年 之 后 ， 我 们 看 现在 的 
UI 设计 ， 就 会 像 回 忆 早 期 蒸汽 机 一 样 ， 觉 得 它们 古老 而 原始 。 

交互 设计 是 如 此 年 轻 的 领域 , 任何 人 都 能 在 这 里 作出 贡献 , 我们 应 该 大 胆 地 改进 事物 。 我们 
可 以 做 得 更 好 ， 你 也 能 做 得 更 好 。 


要 扣 


口 计算 机 用 户 界面 仅仅 是 屏幕 上 一 些 发 光 的 点 。 它 可 以 是 你 想象 的 任何 模样 。 

口 如 今 的 用 户 界 面 领域 还 处 在 婴儿 期 ， 只 经 历 了 几 十 年 的 发 展 ， 还 不 太 成 熟 。 

D 任何 用 户 界 面 都 有 提升 的 空间 。 

口 不 要 陷 人 比较 两 种 设计 方案 的 泥 淖 ， 也 不 要 将 它们 对 立 ， 因 为 你 肯定 可 以 设计 出 第 三 种 
方案 ， 超 越 最 初 的 两 种 。 

口 不 要 过 早 地 确定 设计 方案 。 和 迭代 得 越久 ， 设 计 就 会 越 好 。 

口 要 合理 地 遵守 常规 ， 但 也 要 牢记 ， 产 品 设计 不 是 因为 遵守 了 常规 而 优秀 ， 而 是 因为 它们 
很 好 地 满足 了 用 户 的 需求 。 如 果 常 规 阻碍 了 你 开发 出 满足 用 户 需 求 的 产品 ， 你 就 要 打破 
它们 。 

口 回顾 早期 的 想法 ， 警 惕 沉没 成 本 误 


Xl 


草图 和 原型 


CC BtAAAAAAMA 


调研 设计 实现 
概念 
目前 为 止 ， 可 能 你 对 于 想 要 开发 的 产品 有 了 很 多 不 错 的 想法 。 是 时 候 付 诸 设 计 了 ,首先 为 产 
品 画 好 结构 草图 ， 然 后 通过 设计 具体 的 页 面 来 逐步 扩展 至 细节 。 
优点 


在 实现 阶段 ， 修 改 产品 设计 的 代价 会 很 高 。 用 户 界面 的 一 点 小 改动 都 会 产生 巨大 的 影响 。 
但 是 在 草图 中 修改 就 相当 快速 和 实惠 了 。 你 只 需要 一 块 橡皮 ， 一 支 铅 笔 ， 几 分 钟 即 可 。 


从 本 质 上 讲 , 你 这 是 为 产品 创建 简易 原型 。 例 如, 设计 遥控 器 的 时 候 , 你 不 能 直接 制作 模具 ， 
然后 开始 生产 。 你 要 首先 用 木头 或 者 陶土 制作 简易 的 遥控 器 模型 ,然后 调整 它 的 结构 比例 ,之 后 
再 不 断 地 增加 细节 ， 直 到 完成 最 终 设 计 。 


草图 就 相当 于 产品 的 陶土 模型 。 在 转化 为 代码 之 前 ， 明 确 越 多 细节 越 好 。 


先决 条 件 
你 需要 对 产品 最 终 的 样子 心中 有 数 。 
设计 结构 


Jason Fried 和 David Heinemeier Hansson 在 《 重 来 》 中 写 道 :“ 建 筑 设 计 师 在 平面 图 敲定 之 前 不 


故事 板 71 


会 操心 浴室 铺 什么 瓷砖 ， 厨 房 安装 什么 牌子 的 洗 硕 机 。 
流程 图 和 故事 板 就 是 产品 的 “平面 图 ”。 我 们 正 处 于 设计 流程 中 “设计 ”环节 的 最 初 阶段 ， 


流程 图 和 故事 板 并 不 着 眼 于 细节 ， 而 是 关注 产品 的 大 局 


流程 图 
流程 图 可 以 解决 以 下 问题 : 用 户 为 了 达到 目的 需要 做 些 什么 ”需要 遵循 哪些 步 又 ? 


结构 。 


挑 出 最 重要 的 用 户 目标 ， 思 考 要 达到 此 目标 所 需 的 必要 步 又。 
仍然 以 我 们 的 Twitter 应 用 为 例 ， 回 复 信 息 的 简易 流程 图 应 该 和 下 图 类 似 。 


回复 一 条 消息 


用 户 放弃 消息 


为 流程 图 增加 分 支 是 没 问题 的 , 但 是 不 要 让 其 过 于 复杂 。 理论 上 , 你 应 该 有 个 大 的 流程 图 来 
描述 整个 产品 。 现实 中 ,为 最 重要 的 用 户 目 标 创建 多 个 流程 图 也 很 有 意义 。 这 样 你 就 能 保证 每 个 
独立 的 流程 图 更 简洁 ， 更 清晰 。 


流 条 


呈 图 的 目标 是 思 


戎 与 每 个 目标 相关 的 因素 。 你 应 该 为 用 户 展示 什么 类 型 的 页 面 ? 用 户 在 哪 


些 节点 需要 做 出 什么 选择 ? 
故事 板 


故事 板 这 项 技术 最 初 是 用 来 为 电影 设计 动画 的 。 故 事 板 将 动画 分 解 为 一 些 关 键 帧 , 运动 的 
片 会 转换 为 漫画 。 在 用 户 界 面 设 计 领 域 ,我 们 出 于 类 似 的 原因 使 用 故事 板 。 它 可 以 将 用 户 访问 的 
路 径 分 解 成 一 系列 的 快照 。 


故事 板 会 忽略 分 支 , 聚焦 于 交互 的 细节 。 用 户 实际 在 每 个 页 面 看 到 了 什么 ”你 想 让 用 户 进行 
什么 操作 ? 在 哪些 场景 中 ， 你 需要 使 用 动画 或 者 图 片 来 帮助 用 户 了 解 自己 需要 做 什么 ? 
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PII 


UC 


i 
fm ie 


= | 

上 TSL 一 一 一 一 

一 吾 如 未 消息。 就 人 直击 KqNy (回复 ) 则 点击 Se ( 发送) 则 
旦 显示 消 息 就 应 点 击 按钮 会 打开 个 着 景 安 晓 ， 显示 一 个 显示 一 个 Se ( 3 


该 显示 一 个 菜单 按钮 。 框 ， 显示 可 以 进行 的 Boi he 
让 用 户 可 以 对 该 消 息 。 操作 ( 业 单 具体 内 容 。。 放 滑 和 ee 
进行 操作 。 待定 ) 。 显示 消息 列表 。 | 
的 那 条 消息 显示 在 于 一刀 果 可 以 ， 克 许 用 记 
上 面 ， 进入 用 户 视野 ?7 。 取消 发 送 。 
你 可 以 通过 在 页 面 上 画 箭头 或 者 手 〈 如 果 是 触 屏 用 户 界 面 ) 来 指明 ， 在 哪里 以 及 如 何 交 互 。 


如 果 你 不 确定 产品 中 某 个 交互 或 功能 应 当 如 何 工 作 , 那么 使 用 故事 板 还 能 帮助 你 更 好 地 了 解 
这 些 。 而 且 故 事 板 也 是 一 种 很 好 的 沟通 方式 。 熟 悉 漫 画 书 的 人 都 能 看 懂 故 事 板 。 需 要 向 开 发 工程 
师 解释 某 个 功能 怎么 工作 的 时 候 ， 故 事 板 能 帮 上 大 忙 。 


在 网 上 搜索 “故事 板 模板 ”， 你 会 找到 大 量 可 打印 的 PDF 资料 。 


草 

在 设计 完 平面 图 之 后 ,建筑 设计 师 会 设计 各 个 房间 。 设计 完 产品 的 结构 ,你 就 要 设计 各 个 页 
面 了 。 通过 制作 流程 图 和 故事 板 , 你 会 深入 地 认识 产品 需要 哪些 界面 ， 以 及 每 个 界面 需要 提供 哪 
些 功 能 。 


乱 数 假 文 

人 们 经 常 在 线 框 中 使 用 “ 乱 数 假 文 ”这 样 的 填充 文字 。 如 果 确 实 没有 更 好 的 选择 ,使 用 
这 些 填 充 文字 是 没 问 题 的 。 但 如 果 有 ， 要 尽量 包含 用 户 实际 上 可 能 会 看 的 文字 。 这 会 让 你 清 
楚 地 了 解 用 户 界 面 的 实际 工作 情况 。 如 果 文 字 有 篇 幅 限 制 ( 如 推 文 )， 你 还 可 以 了 解 到 文本 
要 占用 多 少 空间 。 


画 故 事 板 的 时 候 ,， 你 已 经 为 一 些 页 面 画 好 了 草图 。 在 故事 板 的 例子 中 ， 有 些 页 面包 含 了 与 故 
事 板 中 所 执行 的 任务 无 关 的 元 素 , 例如 , 悬浮 菜单 中 不 止 有 “回复 ”按钮 , 还 有 一 个 “转发 推 文 ” 


的 按钮 。 现 在 ， 我 们 要 明确 每 个 页 面 都 有 哪些 内 容 。 


可 用 性 顾问 Bruce Tognazzini 说 过 这 样 一 段 话 。” 


立刻 开始 设 复杂 、 完 美的 原型 是 团队 能 犯 的 最 大 的 

错误 ……… 如 果 模 型 看 起 来 不 完美 ， 用户 (以 及 客户 ) 会 

更 加 坦然 地 表达 反对 意见 。 而 另 一 方面 ， 如 果 设 计 师 和 

开发 人 员 没 有 花费 大 量 精 力 制 作 故 事 板 或 粗糙 的 原型 ， 

他 们 会 更 乐意 听取 不 同 的 意见 。 

试 试用 简单 的 草图 描绘 出 各 个 页 面 的 基本 轮廓 。 每 个 人 
都 能 画 草 图 , 这 无 关 绘画 功底 ,而 是 和 粗糙 的 可 视 化 效果 所 
表达 的 交互 有 关 。 因 此 , 你 可 以 毫 无 顾忌 地 让 他 人 参与 其 中 。 
向 他 们 展示 自己 的 想法 ,然后 看 看 他 们 是 否 有 不 同 的 见解 。 


一 旦 对 页 面 的 基础 设计 感到 满意 , 你 就 可 以 绘制 线 杠 
图 了 。 


线 框图 
线 框图 用 于 表现 页 面 真实 的 结构 ,但 是 没有 样式 一 -没有 颜色 、 阴 影 或 者 图 片 。 线 框图 关乎 


你 想 在 每 一 页 显示 哪些 元 素 ? 这 些 元 素 应 该 置 于 何 处 ? 尺寸 如 何 ? 间距 是 多 少 ? 下面 的 左 
图 展示 了 一 个 简单 的 线 框图 案例 。 


< 人 People you Follow 


workjon wrote: How do programs get 
bloated? One reasonable feature 
request at a time. 


AlphabUX wrote: | may draw like a 
10 yo, but there is nothing better than 
a sketch to make sure others "see 
what | mean". 


thibautsailly wrote: Moebius at 
work : http:/bit.ly/bfMV2X Video in 
french but worth watching if you're 
afan. 


aidanhornsby wrote: As there is 
more and more stuff to watch, actually 
watching anything seems to be 
getting harder and harder. 

louije wrote: Le moment ou tu 


decouvres que, oui Joanna Newsom 
passait en concert que, non, tu ne 


Savais pas, et que, pire, tu 
n'es pas la, ce week end. 


GD 详 见 http://www.asktog.com/columns/005roughsketches.html。 
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现在 也 可 以 开始 制作 副本 了 。 你 不 用 将 它 做 成 和 右 图 完全 一 致 , 但 是 你 要 思考 将 要 使 用 哪些 
文字 ， 以 及 这 些 文字 应 放 在 哪里 。 

线 框图 的 目标 是 确定 每 一 页 需要 展示 哪些 元 素 , 以 及 要 将 它们 置 于 何 处 。 一 旦 完成 这 一 工作 ， 
就 可 以 开始 润 饰 了 。 


实体 模型 


线 框图 理 清 了 页 面 布 局 。 实 体 模型 则 在 此 基础 上 添加 样式 或 者 视觉 细节 : 阴影 、 纹 理 、 图 片 、 
透明 度 。 这 其 实 就 是 基于 目前 的 知识 , 你 希望 界面 呈现 的 效果 。 你 可 以 对 比 一 下 上 图 中 右 侧 的 实 
体 模型 和 左 侧 的 线 框图 。 


增加 这 些 视觉 细节 , 不 仅 是 为 了 让 产品 看 上 去 更 美观 ( 当然 , 最 终 产 品 也 需要 拥有 靓丽 的 外 
观 )， 还 能 为 用 户 就 产品 的 功能 做 出 提示 。 用 户 界 面 设 计 师 通常 称 其 为 功能 可 见 性 。 如 果 你 忘记 
了 这 一 概念 ,请 回顾 本 书 第 11 章 。 这 里 有 几 个 关于 功能 可 见 性 的 例子 : 纹理 让 用 户 知道 哪些 元 素 
可 以 触摸 或 者 拖 搜 ,阴影 和 斜面 表示 用 户 可 以 推动 某 些 元 素 或 者 强调 层级 结构 , 颜色 则 强调 了 重 
点 且 能 引起 用 户 的 注意 。 


雨天 设计 

创建 设计 线 框图 和 实体 模型 的 时 候 ， 人 们 通常 假设 的 场景 都 是 条 件 完 备 的 。 假 如 你 正在 
开发 一 款 图 片 分 享 应 用 ， 你 就 会 设想 所 有 用 户 的 个 人 资料 图 片 都 是 绚丽 的 摄影 模型 ， 分 享 的 
图 片 差 不 多 都 是 大 晴天 皮肤 上 晒 得 勋 黑 的 人 在 海滩 打 排 球 。 如 果 所 有 的 数据 都 很 完美 ， 那 么 用 
户 界面 也 很 容易 美观 ,但 是 在 现实 中 ， 用 户 会 使 用 低 像 素 的 图 片 ， 他 们 也 可 能 为 家 里 的 宠物 
猫 上 传 几 百 张 照片 。 

设计 用 户 界 面 时 要 使 用 真实 的 数据 。 不 要 基于 完美 的 场景 进行 设计 ， 要 考虑 那些 糟糕 的 


场景 。 


当 你 针对 界面 的 外 观 设计 详细 的 实体 模型 时 ， 要 注意 以 下 几 点 。 

不 一 定 要 用 图 形 应 用 程序 来 创建 实体 模型 。 如 果 你 喜欢 ,也 可 以 用 代码 来 实现 。 关 键 是 使 用 
最 易于 做 出 全 面 调整 的 媒介 。 但 要 记 住 ， 你 正在 创造 的 是 原型 ， 而 不 是 最 终 产品 的 早期 版 本 。 
Andrew Hunt 和 David Thomas 在 《程序 员 修 炼 之 道 》 中 讲解 过 这 一 点 。 

使 用 原型 ， 你 旨 在 探索 最 终 系 统 的 某 些 具体 的 方面 。 通 过 真实 的 原型 ， 你 可 以 在 尝 

试 某 些 概念 的 时 候 ， 抛 弃 那 些 你 认为 错误 的 部 分 ， 然 后 根据 你 的 知识 体系 重新 对 其 进行 

恰当 的 编码 。 

即使 是 使 用 代码 实现 实体 模型 ， 目 的 仍然 是 以 一 种 易于 移 除 无 效 部 分 的 方式 探索 想法 。 
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工具 


草图 和 原型 设计 在 软件 开发 社区 是 很 常见 的 活动 , 以 至 于 催生 出 了 一 个 完整 的 产品 生态 系统 。 
这 些 软 件 和 服务 只 有 一 个 目标 ， 就 是 帮助 你 为 产品 画 出 草图 或 者 创建 原型 。 


使 用 这 些 工具 有 很 多 好 处 。 其 中 最 主要 的 一 点 就 是 便于 设计 师 们 协同 设计 , 即使 他 们 相距 其 远 。 


术语 集 
本 书 使 用 了 如 下 术语 。 
草图 用 户 界面 的 图 画 表现 形式 。 


线 框图 用 户 界 面 的 静态 表现 形式 ， 其 中 每 个 元 素 都 以 应 有 的 尺寸 ， 处 于 基本 恰当 
的 位 置 ， 但 是 以 高 度 程式 化 的 形式 展示 。 

实体 模型 ” 用 户 界 面 的 表现 形式 (通常 是 静态 的 )， 会 引入 阴影 、 颜 色 之 类 的 样式 。 

原型 最 终 产 品 之 前 的 所 有 产品 表现 形式 。 


并 不 是 所 有 人 都 用 这 些 术 语 。 有 了 时候“ 原型 ”仅仅 指 交 互 式 的 高 保 真 模型 。 有 时 “实体 
模型 ” 指 最 终 用 户 界 面 的 任何 类 型 的 草图 。 在 互联 网 上 或 者 其 他 书 里 遇 到 这 些 概念 时 ,你 要 
意识 到 ， 作 者 可 能 在 表达 不 同 的 意思 。 


Balsamiq” 和 Mockingbird” 两 款 在 线 工 具 可 以 用 来 创建 和 分 享用 户 界面 的 草图 。 
谷歌 文档 里 有 一 个 名 为 “谷歌 绘图 ”的 绘图 组 件 。 它 支持 多 人 协同 设计 。Morten Just 拥 有 一 
系列 包含 用 户 界 面 元 素 的 谷歌 绘图 模板 。” 


在 Mac 中 ,OmniGraffle 满足 了 绘制 用 户 界面 线 框图 的 大 多 数 需求 .还 有 人 专门 为 OmniGraffle 
创建 了 用 户 界面 模板 2?。 同 样 ， 在 Mac 中 ，Sketch? 也 是 一 款 极其 出 色 的 应 用 ， 可 以 创建 线 框图 和 
实体 模型 。 


如 果 你 是 iPhone 开发 人 员 ， 那 就 下 载 Briefs? 软 件 吧 。 
还 有 些 人 使 用 PowerPoint* 或 者 Keynote” 创 建 实体 模型 和 原型 ,这 些 工具 甚至 允许 你 添加 简单 


GD http:/balsamiq.com。 

© https:/gomockingbird.com。 

@® http://mortenjust.com/2010/04/19/a-wireframe-kit-for-google-drawings/。 
由 http:/www.omnigroup.com。 

@) 例如 http://graffletopia.com/categories/user-interface。 

©@© https://www.sketchapp.com/。 

© http:/giveabrief com。 

http:/office.microsoft.com。 

http:/www.apple.com/iwork。 
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的 动画 和 交互 。Keynotopia” 和 Keynote Kung-fu? 等 网 站 为 这 些 软件 提供 了 用 户 界 面 模板 。 这 些 模 


板 可 以 帮 你 


创建 像素 完美 的 实体 模型 ， 它 们 使 用 的 是 遵守 平台 标准 的 用 户 界面 元 素 。 


这 些 工具 可 以 让 你 的 工作 轻松 很 多 。 当 然 , 使 用 纸张 来 完成 这 些 工 作 也 有 诸多 好 处 。 这 样 更 


， 只 要 参与 者 都 在 同一 个 房间 ,与 他 人 合作 是 很 容易 的 。 参 与 者 若 要 贡献 想法 ， 只 需 


要 拿 出 自己 的 铬 笔 。 而 且 当 今 , 所 有 人 都 拥有 内 置 照相 机 的 设备 ， 只 需 拍 照 并 发 送 ， 就 能 将 用 户 


界面 的 草图 传送 给 其 他 人 。 


挑选 对 你 来 说 最 容易 的 方式 ， 如 果 在 纸 上 画 草图 最 方便 ,就 在 纸 上 画 。 如 果 你 更 喜欢 用 专门 
为 用 户 界面 设计 师 创 建 的 应 用 程序 ， 就 用 程序 。 你 想 用 图 形 应 用 也 没 问题 。 也 可 以 结合 使 用 这 些 
工具 。 具 体 选 择 哪 种 方式 取决 于 你 当前 的 任务 。 


要 所 


口 先 着 眼 于 全 局 ， 逐 步 深 入 细 方 :从 流程 图 到 故事 板 ， 到 简单 的 草图 ， 再 到 线 框图 ， 最 后 


到 详尽 的 实体 模型 。 
口 尽早 解决 问题 。 越 早 注意 到 设计 中 存在 的 问题 ,解决 的 成 本 就 越 低 。 
口 流程 图 可 以 协助 你 让 用 户 以 尽 可 能 简单 的 方式 实现 目标 。 


口 故事 板 可 以 充实 产品 的 交互 设计 ， 也 能 帮助 你 与 他 人 交流 。 
口 简单 的 草图 可 以 帮 你 确定 每 个 页 面 应 该 有 哪些 元 素 。 

口 线 框图 可 以 辅助 你 决定 各 个 页 面 上 的 元 素 应 该 如 何 放置 。 
口 实体 模型 有 助 于 快速 迭代 视觉 设计 。 


延伸 阅读 
流程 图 、 故 事 板 、 线 框图 以 及 实体 模型 是 我 最 常用 的 四 种 技术 。 它 们 让 我 从 整体 结构 开始 ， 


逐步 具体 到 细节 。 而 其 他 设计 师 更 喜欢 别 的 技术 。 这 些 技术 在 Cennydd Bowles 和 James Box 的 《 淤 
移 默 化 : 用 户 体验 设计 行动 指南 》 中 可 以 看 到 。 


Bill Buxton 的 《用 户 体验 草图 设计 》 是 另 一 本 关于 这 个 话题 的 好 书 。Robert Hoekman 的 《一 


目 了 然 : Web 和 移动 应 用 设计 通 识 方 法 》 也 涉及 了 其 中 的 一 些 技术 。 


William Van Hecke 的 《iOS 苹 果 技 术 从 书 》 有 几 章 很 深入 地 讲解 了 草图 、 线 框图 、 创 建 实体 


模型 、 原 型 等 知识 。 这 是 一 本 很 出 色 的 读物 。 


Tyler Tate 介 绍 了 其 他 的 草图 和 原型 设计 方法 ”。 


GD http:/keynotopia.com。 
©® http:/keynotekungfu.com。 
@ 详 见 http:/www.uxbooth.com/blog/concerning-fidelity-and-design/。 
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调研 设计 实现 


从 
概 人 心 \ 


在 第 13 章 ,我 阐述 了 如 何 为 产品 创建 草图 。 我 说 过 ,在 付 诸 代码 之 前 就 要 画 好 草图 ， 因 为 草 


图 更 容易 修改 。 但 是 我 没有 提 及 如 何 发 现 需 要 修改 的 地 方 。 


功能 不 合 时 宜 或 者 页 面 过 于 拥挤 等 问题 在 设计 草图 上 一 目 了 然 。 但 也 有 些 问题 没 那么 明显 。 


本 章 将 着 重 帮助 你 解决 下 列 问题 ; 设计 何 时 才 算 达到 优质 ? 如 果 有 多 种 方式 可 选 , 哪 一 种 才 是 最 
好 的 ?你 当前 的 想法 有 哪些 问题 ? 


草图 基本 上 就 是 产品 最 简单 .最 原始 的 形态 一 一 原型 -因此 , 你 可 以 对 草图 进行 可 用 性 测试 ， 


看 看 设计 方案 是 否 与 你 的 期 望 一 致 。 最 简便 的 测试 方法 就 是 将 这 些 草 图 展示 给 用 户 , 看 看 他 们 能 
和 否 理解 这 款 产品 。 


用 人 色 


如 果 你 是 单 兵 作 战 , 或 者 身 处 小 团队 , 那么 跳 过 本 章 中 冰 述 如 何 使 用 纸 面 原 型 进行 完整 的 可 
测试 的 部 分 也 无 妨 。 


优点 


越 早 发 现 设计 存在 的 问题 ,就 越 容易 解决 。 在 纸 上 用 铅笔 多 解决 一 个 问题 ,代码 里 就 会 少 出 


现 一 个 bug。 


先决 条 件 


你 应 该 已 经 开始 绘制 草图 了 。 
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打 游 击 式 的 纸 面 原型 测试 


设计 流程 进行 到 这 一 阶段 ， 你 已 经 有 了 产品 的 静态 原型 。 无 论 是 简单 粗糙 的 草图 、 线 框图 ， 
是 详细 的 实体 模型 ， 产 品 的 形态 已 通过 一 系列 的 图 片 展现 出 来 。 

究 其 本 质 ， 纸 面 原型 测试 仅仅 是 让 真实 的 用 户 与 这 些 图 片 “ 交 互 *， 以 此 判断 用 户 界面 对 用 
户 来 说 是 否 易 于 理解 。 测 试 过 程 可 以 很 简单 ， 只 需要 将 用 户 界面 的 草图 展示 给 测试 者 , 然后 问 诸 
如 “如 果 你 想 改 变 页 面 上 文字 的 大 小 ， 你 会 点 击 哪 里 ?” 一 类 的 问题 。 

你 需要 使 用 详 图 得 当 的 草图 、 线 框图 或 者 实体 模型 进行 纸 面 原型 测试 。 接着, 找 儿 位 愿意 花 
5 分 钟 进行 测试 的 用 户 。 给 他 们 展示 页 面 ,然后 问 一 个 常规 的 问题 ;“ 你 在 这 个 页 面 上 看 到 了 什么 ? 
你 党 得 这 款 产品 是 做 什么 用 的 ? ” 


局 


纸 面 ? 


本 章 是 关于 “ 纸 面 原型 ”的 ， 但 是 这 里 的 “ 纸 面 ”并 不 是 字面 意思 。 你 不 用 非得 在 纸 上 
画 草 图 ， 然 后 进行 测试 。 你 完全 可 以 在 计算 机 上 做 实体 模型 ， 然 后 打印 出 来 ; 或 者 不 打印 ， 
在 平板 电脑 中 展示 给 用 户 也 可 以 。 你 甚至 可 以 将 草图 录入 PowerPoint 或 者 Keynote, 通过 这 类 
应 用 程序 来 创建 可 交互 的 简易 产品 原型 。 

我 想 ， 本 章 标题 应 该 叫 作 “如 何 使 用 最 终 产 品 的 (基本 上 但 有 了 时 不 完全 ) 静态 草图 或 者 
实体 模型 进行 可 用 性 测试 "， 但 这 个 题目 与 本 书 的 布局 设计 不 相符 。 


你 也 可 以 问 一 个 简单 的 基于 任务 的 问题 ， 比 如 :“ 如 果 必须 使 用 这 款 应 用 程序 为 文档 添加 一 
张 图 片 ， 你 会 怎么 操作 ? ” 


纸 面 原型 测试 可 以 让 你 了 解 用 户 是 否 理 解 你 的 设计 , 以 及 用 户 对 哪些 部 分 存 有 疑惑 。 如 此 一 
来 ， 你 就 能 知道 哪些 设计 是 合理 的 ， 哪 些 部 分 需要 改进 。 
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为 用 户 展示 产品 某 一 页 面 的 实体 模型 ,可 以 帮助 你 了 解 用 户 是 否 理解 这 个 页 面 。 这 么 做 已 经 
很 有 帮助 了 , 不 过 我 们 还 能 进一步 , 测试 交互 。 为 了 进行 交互 测试 , 你 需要 提前 多 准备 几 个 页 面 。 
如 果 需 要 在 屏幕 上 弹出 或 者 增删 一 些 元 素 ,你 同样 要 提前 准备 好 。 你 可 以 将 其 画 在 便利 贴 上 ， 以 
便 轻 松 地 添加 到 原型 中 。 


有 了 这 些 准 备 ， 你 就 能 进行 真正 基于 任务 的 可 用 性 测试 了 。 当 然 ， 你 不 能 让 用 户 偏离 正轨 ， 
但 是 如 果 已 经 偏离 , 那 你 应 该 意识 到 是 自己 的 设计 存在 问题 , 因为 用 户 并 没有 按照 你 的 期 望 访问 
相应 的 路 径 。 

这 样 的 简单 测试 对 参与 测试 的 人 几乎 没有 要 求 。 这 只 会 花费 几 分 钟 ， 也 很 容易 解释 。 

我 正在 开发 一 款 Twitter 辅 助 应 用 。 你 知道 Twitter 是 什么 吗 ? 好 ， 非 常 好 。 我 现在 正 

在 做 这 款 应 用 的 设计 工作 ， 我 想 了 解 一 下 ， 用 户 能 否 理解 我 的 设计 。 你 知道 ， 当 一 个 人 

连续 几 周 做 一 样 东西 ,他 就 无 法 保持 客观 。 现在 我 拿 不 准 自己 的 设计 是 否 对 其 他 人 有 意 

义 。 我 可 以 给 你 展示 一 些 设计 方案 并 提 几 个 小 问题 ,了解 一 下 人 家 能 否 理 解 我 的 设计 吗 ? 

用 时 最 多 不 超过 5 分 钟 。 

你 可 以 先 让 朋友 和 家 人 参与 测试 , 适应 一 下 流程 。 之 后 ,你 可 以 随机 找 一 些 人 做 测试 。 比 较 
理想 的 场所 是 咖啡 店 ， 人 们 一 般 都 有 几 分 钟 的 空闲 时 间 。 

一 旦 了 解 了 用 户 如 何 理解 你 的 设计 , 你 就 很 容易 知道 哪些 设计 是 有 效 的 , 而 哪些 部 分 有 潜在 
的 问题 。 
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我 目前 介绍 的 简易 测试 能 让 你 对 自己 的 设计 进行 早期 的 可 用 性 测试 。 当然, 还 有 更 复杂 的 原 
型 测试 方法 。 我 不 建议 小 团队 用 这 个 方法 , 不 过 如 果 你 有 时 间 和 人 力 做 这 样 的 测试 , 那么 ,在 为 
产品 写 代码 之 前 ， 你 就 可 以 得 到 非常 珍贵 的 用 户 反 馈 。 
原型 通常 只 是 成 品 的 子 集 , 并 非 成 品 的 所 有 页 面 都 会 出 现在 原型 中 , 也 不 是 所 有 功能 都 会 体 
现 出 来 。 因 此, 原型 可 用 性 测试 几乎 都 是 基于 特定 任务 的 : 你 给 某 人 一 个 任务 ,然后 请 他 在 原型 
中 执行 它 。 这 样 ， 你 就 很 清楚 需要 准备 哪些 页 面 和 UI 元 素 。 

所 以 ， 首 先 要 定义 要 测试 的 任务 。 


定义 任务 

现在 , 你 已 经 创建 了 故事 板 和 实体 模型 ,你 很 可 能 知道 了 哪里 有 潜在 的 用 户 交互 问题 。 如 果 
某 项 功能 很 难 在 用 户 界 面 中 实现 , 那么 它 很 可 能 需要 早 些 测试 。 对 于 产品 至 关 重 要 的 核心 功能 点 
无 疑问 需要 尽早 测试 。 挑 出 产品 中 非常 重要 、 你 觉得 难 用 或 者 可 能 会 出 问题 的 功能 。 


接 下 来 , 为 挑 出 的 这 些 功 能 设计 一 些 测试 任务 。 如 果 需 要 ,你 还 可 以 利用 在 本 书 第 一 部 分 的 
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用 户 调研 中 得 到 的 数据 。 
记 住 , 你 并 不 是 在 寻求 建议 。 可 用 性 测试 不 是 焦点 小 组 。 可 用 性 测试 的 目标 是 观察 人 们 如 何 


与 你 的 设计 交互 ， 进 而 找 出 交互 设计 的 缺陷 。 你 要 选 一 些 能 够 让 测试 者 真正 使 用 产品 的 任务 。 


任务 不 能 有 太 强 的 指示 性 。 你 只 需 告诉 用 户 需 要 达成 的 目标 ， 而 不 要 叮嘱 他 们 具体 步骤 。 下 
面 这 个 任务 是 典型 的 反例 。 


任务 1: 发 布 图 片 


1. 点 击 “ 新 建 消息 ” 


2. 点 击 “ 相 机 ” 
3. 在 浏览 器 中 选择 


4. 在 消息 中 写 一 些 》 


5. 点 击 “ 发 布 消 息 ” 


这 样 的 任务 只 能 告诉 你 用 户 能 否 遵循 指令 ,并 不 能 让 你 了 解 产品 是 否 可 用 。 因 此 , 任务 描述 
应 该 说 明 目 标 ， 让 用 户 自己 探索 实现 步骤 。 下 面 是 个 简单 的 示例 。 


你 正在 参加 公司 的 一 个 客户 活动 ,你 想 给 房间 拍 个 照片 , 然后 发 布 到 
公司 的 Twitter 账号 上 。 


你 的 一 个 用 户 可 能 正 处 在 这 样 的 场景 中 。 它 能 让 你 看 到 处 于 这 种 场景 中 的 用 户 如 何 与 产 


品 交互 。 

这 可 能 有 违 直觉 , 但 你 应 该 避免 在 任务 描述 中 使 用 官方 术语 。 如 果 在 任务 描述 里 使 用 了 用 户 
界面 中 的 词语 ， 实 质 上 是 在 以 此 暗示 用 户 该 如 何 完成 任务 。 

最 好 准备 5~6 个 任务 ， 越 多 越 好 。 每 个 任务 需要 持续 2~10 分 钟 。 很 可 能 不 是 所 有 的 任务 都 会 
派 上 用 场 , 但 是 你 在 真正 测试 之 前 也 很 难 知道 需要 多 少 任务 ,所 以 最 好 多 准备 一 些 ， 以 防 测试 完 


创建 纸 面 原 型 
根据 设计 的 任务 , 你 很 容易 找到 需要 给 测试 者 展现 的 页 面 (但 是 具体 选择 将 哪些 页 面 添加 到 
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原型 中 并 无 限制 ， 因 为 测试 者 不 一 定 以 最 明显 的 步骤 实现 你 设置 的 目标 )。 


你 也 可 以 将 已 有 的 草图 当 作 纸 面 原 型 ， 只 要 草图 不 是 过 分 简单 粗糙 。 不 过 ,如 果 对 你 的 产品 
不 熟悉 的 测试 者 难以 看 懂 那 些 简陋 的 草图 ， 使 用 它们 会 导致 一 些 问题 。 


若 想 将 草图 或 实体 模型 变 得 适用 于 可 用 性 测试 , 你 需要 将 其 他 用 户 界面 元 素 也 添加 到 你 的 用 
户 界 面 中 。 例 如 ， 如 果 测 试 的 是 网 站 , 那 就 要 将 浏览 器 的 一 些 界面 元 素 添 加 到 原型 中 (前进 和 后 
退 按钮 、 地 址 栏 、 标 题 栏 等 )。 同 理 ， 如 果 测 试 的 是 应 用 程序 ， 你 需要 将 菜单 栏 ， 甚 至 桌面 的 一 
部 分 如果 程 序 运行 在 桌面 操作 系统 中 ) 添加 到 原型 中 。 


在 创建 完 页 面 之 后 ， 你 需要 考虑 每 个 页 面 的 状态 变化 。 


如 果 有 人 点 击 了 下 拉 菜 单 , 会 发 生 什 么 ”你 需要 提前 准备 好 每 个 弹出 窗口 。 有 些 人 喜欢 使 用 
便利 贴 代替 这 些 元 素 ， 这 样 当 用 户 “ 激 活 ” 它 们 时 ， 可 以 将 便利 贴 粘 到 纸 面 原型 上 。 


如 果 用 户 必须 在 某 个 区 域 输入 数据 会 发 生 什 么 ” 有 多 种 方式 处 理 这 种 情况 。 如 果 不 打 算 复 用 
这 个 纸 面 原型 ， 你 可 以 给 测试 者 一 支 铅笔 和 一 块 橡 皮 ， 让 他 们 直接 在 纸 上 修 改 数据 。 如 果 想 复 用 
这 个 原型 (也 就 是 说 ， 你 想 多 做 儿 个 测试 )， 你 可 以 使 用 透明 胶片 ， 将 它们 砂 盖 在 原型 上 ， 让 测 
试 者 在 胶片 上 修改 数据 。 


最 后 , 你 需要 将 每 个 任务 打印 在 不 同 的 纸张 上 。 你 不 知道 每 个 用 户 会 完成 多 少 个 任务 ,而 每 
个 任务 都 使 用 单独 的 纸张 ， 你 就 可 以 根据 需要 遵循 或 者 动态 改变 分 发 任务 的 顺序 。 


最 后 ， 你 需要 将 所 有 任务 提前 执行 一 遍 。 确 保 每 个 任务 目标 都 是 可 实现 的 , 并且 任务 需要 的 
所 有 界面 元 素 和 弹出 元 素 都 添加 到 原型 中 了 。 


纸 面 原型 创建 清单 
轨 准备 好 测试 者 做 任务 时 可 能 需要 的 所 有 页 面 。 不 要 做 得 太 粗 糙 。 
思 如 果 需 要 就 添加 一 些 其 他 的 用 户 界 面 元 素 (例如 在 网 站 的 草图 上 添加 浏览 器 窗口 ) 。 
园 创建 可 能 需要 的 弹出 元 素 。 
思 做 些 准 备 ， 证 测试 者 可 以 在 原型 上 写 写 画 画 。 
思 将 每 个 任务 打印 在 不 同 的 纸张 上 。 
思 对 每 个 任务 运行 一 遍 测试 ， 确 保 所 有 可 能 需要 的 页 面 或 弹出 元 素 都 已 准备 好 。 


准备 测试 
使 用 纸 面 原型 执行 可 用 性 测试 至 少 还 需要 一 名 额外 的 人 员 , 也 就 是 执行 测试 任务 的 人 。 这 个 
人 通常 称 为 测试 对 象 , 但 是 真正 要 测试 的 并 不 是 这 个 人 ,所 以 我 称 其 为 测试 者 。 毕 竞 , 要 测试 的 


是 设计 。 
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本 书 不 会 深入 讲解 如 何 招募 测试 者 。 关 于 这 一 话题 有 很 多 不 错 的 资源 "。 通 常 来 说 ， 要 找 公 
司 外 部 的 人 员 来 做 测试 。 最 好 避免 在 公司 内 部 招募 测试 者 。 他 们 太 熟 悉 你 的 产品 和 公司 使 用 的 术 
语 , 这 种 熟悉 性 有 可 能 掩盖 产品 的 可 用 性 问题 。 有 时 候 从 产品 的 目标 用 户 中 招募 测试 者 合情合理 ， 
但 通常 也 没 那么 至 关 重 要 。 几 乎 所 有 人 都 可 以 成 为 测试 者 ， 包 括 你 的 朋友 和 家 人 。 

对 于 任 一 版 本 的 纸 面 原型 ,你 需要 做 多 少 次 测试 呢 ? 创建 纸 面 原型 会 耗费 一 点 时 间 , 所 以 每 
个 原型 多 找 几 个 人 测试 才 合 理 。 而 且 , 使 用 纸 面 原型 时 ， 很 容易 在 测试 之 间 做 细微 调整 。 最 佳 方 
案 是 邀请 三 四 个 测试 者 ， 将 他 们 的 测试 间隔 大 约 2 小 时 。 这 样 ， 在 测试 之 间 你 就 有 足够 的 时 间 快 
速 检查 所 发 现 的 问题 ， 如 果 可 能 ， 还 可 以 对 纸 面 原型 做 出 相应 的 修改 。 


最 早 的 计算 机 

将 一 个 人 称 为 “计算 机 ”似乎 很 可 笑 。 但 是 历史 上 ,计算 机 曾经 就 是 人 。 "计算 机 ” 
这 个 词 首次 使 用 是 在 1600 年 前 后 ， 指 进行 计算 的 人 。 

到 了 第 三 次 世界 大 战 期 间 ， 康 拉 德 . 楚 泽 和 阿兰 ' 图 灵 发 明了 第 一 代 计 算 机 器 ， 机 器 才 
开始 接管 计算 任务 。 随 着 这 些 机 器 越 来 越 流 行 ,“ 计 算 机 ”这 个 词 的 含义 最 终 发 生 了 改变 。 


虽然 你 可 以 独立 执行 纸 面 原型 可 用 性 测试 , 但 最 好 有 个 人 协助 你 。 你 创建 了 纸 面 原型 , 并 且 
了 解 应 用 程序 的 故事 板 样式 ， 所 以 你 是 测试 中 “计算 机 ”的 最 佳人 选 。 也 就 是 说 ， 你 需要 切换 页 
面 ， 展 现 弹出 层 ， 模拟 用 户 界面 。 因 此 你 和 测试 者 的 交互 时 间 会 很 少 。 虽然 不 得 已 的 情况 下 你 可 
以 同时 做 这 两 个 任务 , 但 还 是 找 个 人 帮 你 更 好 。 这 个 人 就 称 为 协助 者 。 下 图 所 示 是 纸 面 原型 测试 
的 典型 人 员 配 置 。 


计算 机 


测试 者 协助 者 


(QD Nielsen Norman 报 告 就 是 很 好 的 参考 资源 ， 详 见 http://www.nngroup.com/reports/tips/recruiting/。 
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计算 机 控制 纸 面 原型 ， 对 用 户 的 输入 做 出 反应 
协助 者 向 测试 者 介 绍 测试 流程 ， 布 置 任务 ， 解 答 问 题 ， 观 察 并 做 笔记 
测试 者 依据 给 定 的 任务 与 纸 面 原型 交互 


协助 者 的 职责 是 向 测试 者 介绍 如 何 进 行 测 试 , 给 他 们 布置 任务 , 回答 他 们 可 能 提出 的 任何 问 
题 ， 从 而 引导 整个 可 用 性 测试 流程 。 


协助 者 应 该 在 测试 过 程 中 记 笔 记 ，( 如 果 你 将 整个 测试 过 程 录 了 下 来 ) 还 要 将 视频 的 时 间 点 
写 在 笔记 上 , 这 样 每 一 条 笔记 都 能 和 视频 中 发 生 的 事 一 一 对 应 。 在 测试 中 充分 做 好 笔记 ,可 以 避 
免 在 几 个 小 时 的 视频 中 筛选 菜 一 片段 ， 浪 费时 间 。 


巴 测 试 过 程 录 下 来 是 个 不 错 的 方法 。 有 了 视频 就 可 以 在 测试 结束 后 回顾 测试 过 程 。 回 顾 测试 
过 程 能 让 你 专注 于 测试 者 的 行为 ,洞悉 用 户 遇 到 的 问题 。 通 常 ， 这 些 是 你 在 测试 中 可 能 会 忽略 的 
小 细节 。 此 外 ， 如果 你 不 是 决策 者 ,那么 用 测试 者 在 同一 个 任务 上 反复 失败 的 视频 ,可 以 很 快 说 
服 那些 原本 不 相信 用 户 界 面 有 问题 的 人 。 


我 不 打算 在 本 书 中 讨论 法 律 问题 。 但 你 要 知道 , 除了 让 测试 者 签署 同意 书 , 协助 者 也 要 获得 
测试 者 的 明确 许可 才能 录像 。 如 果 你 没有 关于 可 用 性 测试 的 同意 书 , 我 建议 你 求助 于 熟悉 相关 法 
律 规定 的 当地 律师 。 要 确保 测试 者 明白 同意 书 的 所 有 法 律 规定 。 

测试 准备 清单 

加 招募 3~5 个 测试 者 ， 为 他 们 安排 测试 ， 分 别 间隔 大 约 2 小 时 。 
习 寻找 并 训练 一 个 人 充当 协助 者 。 
园 如 果 需 要 ， 准 备 一 种 记录 测试 的 方式 。 
J 为 测试 者 准备 一 份 同意 书 。 


册 这 者 兴 和 汪汪 


让 测试 者 坐 在 扮演 计算 机 的 那个 人 的 对 面 , 这 样 计 算 机 就 能 在 测试 者 面前 改变 原型 了 。 协助 
者 要 坐 在 测试 者 旁边 ， 位 置 最 好 稍微 靠 后 面 一 点 ， 以 免 妨 碍 测试 者 。 
等 所 有 人 都 准备 完毕 ,协助 者 需要 首先 向 测试 者 解释 ,测试 的 对 象 并 不 是 他 ,而 是 用 户 界 面 。 
这 基本 上 是 可 用 性 测试 的 标准 开场 介绍 ( 更 多 内 容 可 参考 第 33 章 ), 简 短 的 介绍 可 以 像 下 面 这 样 。 
旷 , 我 是 Michael。 我 是 这 里 的 一 名 软件 设计 师 。 这 是 我 的 朋友 Sandra。 她 也 在 设计 
部 门 工 作 ， 她 今天 会 协助 我 做 这 个 测试 。 
首先 ， 我 想 再 一 次 感谢 你 能 抽空 帮 我 们 做 测试 。 
今天 ， 我 们 要 测试 一 款 产 品 的 新 设计 ， 看 看 它 是 否 能 如 预期 的 那样 有 效 。 我 要 说 明 
的 是 ， 我们 要 测试 的 是 产品 设计 , 不 是 你 。 这 个 新 的 设计 方案 还 没有 在 我 们 的 设计 团队 
之 外 使 用 过 ， 所 以 我 们 希望 能 通过 观察 用 户 与 它 的 交互 ,发现 一 些 问题 。 所 以 ， 如 果 你 


ar 
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在 测试 过 程 中 遇 到 了 困难 , 或 者 菜 个 东西 不 像 你 预期 的 那样 工作 , 不 用 担心 。 这 正 是 我 
们 要 获得 的 那 类 反馈 。 

如 你 所 见 ， 我 们 的 产品 还 未 实现 这 一 设计 ， 它 仅仅 是 一 个 方案 。 我 们 想 在 付 诸 代码 
之 前 消除 所 有 问题 。 所 以 ， 今 天 我 的 朋友 Sandra 将 扮演 计算 机 ， 她 将 做 所 有 计算 机 该 做 
的 事 。 由 于 扮演 的 是 计算 机 ， 所 以 她 今天 不 会 说 太 多 话 , 但 是 她 会 根据 你 的 输入 来 改变 
可 视 元 素 , 就 像 真 的 计算 机 那样 。 你 和 设计 方案 交互 时 可 以 随意 一 些 , 尽管 告诉 我 你 心 
里 的 想法 ,有 问题 尽管 问 。 我 们 想 了 解 当 我 们 不 在 身 旁 时 ,用 户 会 如 何 与 这 款 产 品 交互 ， 
因此 我 不 一 定 能 及 时 回答 你 的 问题 ， 但 你 的 反馈 依然 可 以 帮 我 们 理解 你 的 想法 。 

如 果 你 同意 ,我 会 将 这 次 测试 录 成 视频 .这样 ,我 们 回去 就 能 方便 地 回顾 这 次 测试 ， 
然后 想 办 法 改善 设计 方案 。 我 们 绝 不 会 通过 任何 途径 公开 视频 内 容 。 

对 于 本 次 测试 ， 你 还 有 什么 疑问 吗 ? 
随后 ， 让 测试 者 在 同意 书 上 签字 。 


提前 做 好 笔记 或 者 写 一 份 清单 , 列 出 要 说 的 话 是 个 不 错 的 办 法 , 这 样 能 够 确保 协助 者 提 到 所 
有 重点 。 测 试 中 有 很 多 的 细节 ， 很 容易 有 所 玻 漏 。 


接 下 来 ， 协 助 者 要 迅速 地 为 测试 者 介绍 纸 面 原型 。 问 测试 者 解释 他 所 看 到 的 东西 《“ 这 是 我 
们 新 网 站 的 首页 ”)， 而 后 解释 如 何 与 原型 交互 。 


你 可 以 像 使 用 普通 的 计算 机 一 样 使 用 这 个 原型 。 如 果 想 点 击 某 个 元 素 ， 可 以 用 手指 指 

一 下 。 你 还 可 以 拖 搜 元 素 ， 就 像 用 鼠标 一 样 。 要 输入 内 容 ， 可 以 用 铅笔 直接 在 原型 上 写 ， 

不 用 担心 ， 我 们 有 副本 。 如 果 要 删除 某 个 元 素 ， 用 橡皮 擦 掉 就 可 以 了 。 如 果 你 的 操作 会 改 

变 页 面 ， 我 们 这 台 模 拟 的 计算 机 也 会 进行 相应 处 理 ， 移 除 当前 页 面 或 者 在 当前 页 面 上 添加 

弹 窗 、 菜 单 。 放 松 点 ， 你 可 以 大 声 说 话 。 但 是 计算 机 只 能 对 点 击 和 输入 做 出 反应 。 

当 你 介绍 上 述 内 容 的 时 候 ， 可 以 用 示意 的 草图 来 演示 点 击 、 拖 搜 、 输 入 、 删 除 等 操作 。 

协助 者 还 应 该 指出 , 测试 者 只 能 与 协助 者 交谈 , 不 能 和 计算 机 交谈 。 如 果 测 试 过 程 中 测试 者 
试图 与 计算 机 交谈 , 那么 要 确保 每 次 都 是 协助 者 做 出 回应 。 还 要 再 三 强调 ,测试 的 对 象 是 设计 方 
案 ， 不 是 测试 者 。 


观察 员 


目前 为 止 我 提 到 了 三 种 角色 : 计算 机 ( 操控 纸 面 原型 的 人 )、 测 试 者 ( 与 纸 面 原型 交互 
的 人 )， 以 及 协助 者 (引导 测试 流程 的 人 )。 对 于 多 数 小 公司 ， 在 纸 面 原型 可 用 性 测试 中 ， 有 
这 三 种 角色 就 足够 了 。 大 一 些 的 公司 则 应 当 让 更 多 的 人 参与 和 观察 测试 。 以 我 的 经 验 来 说 ， 
程序 员 和 管理 层 从 观察 用 户 与 产品 交互 中 受益 最 大 。 

我 们 将 观察 测试 的 人 称 为 观察 员 。 


当 进 行 纸 面 原型 测试 时 ,观察 者 可 以 和 其 他 三 人 坐 在 同一 房间 内 ， 也 可 以 在 其 他 房间 观 
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察 , 或 者 在 测试 结束 后 观看 视频 。 如 果 与 其 他 三 人 身 处 同一 房间 ,他 们 要 明白 ,无 论 如 何 都 
不 能 打扰 或 者 影响 测试 者 。 我 认为 让 观察 者 和 测试 者 在 同一 房间 是 很 糟糕 的 做 法 ,但 是 纸 面 
原型 测试 本 身 就 需要 一 个 计算 机 和 一 个 协助 者 ， 再 添加 2~3 个 观察 者 应 该 也 没什么 影响 。 

告诉 观察 员 在 测试 过 程 中 做 好 笔记 。 测 试 结束 后 ， 花 一 个 小 时 左右 研究 发 现 的 问题 。 观 
察 测试 的 人 越 多 , 发 现 的 问题 就 会 越 多 。 你 可 以 使 用 亲 和 图 对 这 些 观察 者 发 现 的 问题 进行 优 
先 级 排序 。 更 详细 的 解释 可 以 参考 Carolyn Snider 的 优秀 著作 Paper Prototyping: The Fast and 
Easy Way to Define and Refine User Interfaces [Sni03]。 


执行 测试 


好 ,介绍 完 之 后 ， 让 我 们 开始 测试 吧 。 我 在 这 张 纸 上 写 了 一 项 任务 。 你 可 以 花 点 时 

间 读 一 下 。 当 你 准备 完毕 后 ， 就 可 以 开始 与 设计 方案 交互 了 。 

测试 过 程 中 ,协助 者 需要 记 住 几 件 事 。 首先, 一 定 要 避免 影响 测试 者 。 测 试 者 遇 到 困难 ， 开 
始 提问 题 的 时 候 , 尤其 要 注意 这 一 点 。 如 果 测 试 者 明显 不 能 独立 解决 问题 , 那么 给 他 一 些 提示 也 
无 妨 (或 者 可 以 跳 到 下 一 个 任务 )， 但 一 般 来 说 ， 协 助 者 必须 注意 ， 不 要 指导 测试 者 。 

协助 者 最 多 可 以 问 些 问 题 ， 但 是 不 能 提示 测试 考 怎样 使 用 这 个 设计 ， 以 免 影响 测试 者 。 要 避免 
说 出 设计 中 出 现 的 术语 。 协 助 者 的 问题 应 该 尽 可 能 泛 化 , 例如 :“ 你 在 想 什么 ? ”如 果 测 试 遇 到 困难 ， 
可 以 问 :“ 告 诉 我 你 在 页 面 上 看 到 了 什么 ? ”要 了 解 可 用 性 测试 中 常见 的 错误 ， 请 参考 第 36 章 。 


当 测试 者 沉浸 在 界面 中 时 ， 其 他 人 最 好 保持 安静 。 毕 竟 , 用 户 在 家 中 使 用 产品 的 时 候 ， 不 会 
有 人 在 后 面 观察 他 ， 还 不 停 地 询问 他 的 感受 。 


协助 者 需要 避免 一 切 让 测试 者 不 舒服 的 举动 。 让 别人 观察 自己 的 错误 本 身 就 要 承受 很 大 的 压 
力 , 不 要 再 给 他 们 增加 压力 。 当 然 ， 如 果 协 助 者 注意 到 测试 者 很 诅 丧 , 适当 地 干预 并 提供 一 点 帮 
助 ， 鼓 励 一 下 测试 者 ， 甚 至 暂停 测试 都 没 问 题 。 测 试 者 寻 求 帮助 、 开 始 自 责 或 者 卡 壳 都 是 需要 干 
预 的 信号 。 在 鼓励 测试 者 或 者 建议 他 们 休息 的 时 候 ， 要 避免 居高临下 的 态度 。 

计算 机 的 任务 是 根据 测试 者 的 输入 更 新 原型 。 如 果 一 切 按 计划 进行 , 在 纸 面 原型 测试 中 , 计 
算 机 的 主要 任务 是 根据 需要 使 用 另 一 个 页 面 代 替 当 前 页 面 ,或 者 增删 代表 界面 元 素 的 便利 贴 。 在 
某 些 场景 中 ( 例如， 测试 者 使 用 了 搜索 功能 )， 计 算 机 还 要 从 屏幕 上 擦 除 元 素 或 者 在 屏幕 上 写 一 
些 文字 。 对 于 数据 量 很 大 的 应 用 程序 , 尤其 是 提供 了 明显 搜索 功能 的 应 用 程序 ,可 以 根据 你 认为 
用 户 会 访问 的 路 径 ， 事 先 准备 一 些 填充 好 数据 的 页 面 。 

有 时 候 , 测试 者 会 访问 超出 预料 的 路 径 。 这 种 情况 下 , 计算 机 可 以 快速 给 这 个 页 面 新 建 一 个 
实体 模型 或者， 如 果 测 试 者 访问 的 内 容 超出 了 测试 的 范围 ,协助 者 可 以 适当 干预 ,停止 测试 ， 
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或 引导 测试 者 回 到 正轨 。 


在 测试 者 完成 第 一 个 任务 后 , 协助 者 和 计算 机 可 以 花 几 分 钟 询问 那些 不 想 或 者 不 能 在 测试 过 
程 中 问 的 问题 ， 比 如 :“ 你 在 点 击 购买 按钮 之 前 有 些 犹 驳 ， 你 还 记得 当时 自己 在 想 什么 吗 ? ”我 
个 人 更 希望 协助 者 不 要 在 测试 过 程 中 问 太 多 问题 ,等 到 测试 结束 再 问 。 这 样 才能 最 大 限度 避免 影 
响 测 试 者 的 行为 。 而 这 样 做 的 缺点 是 ， 测 试 者 经 常 记 不 清 在 测试 中 做 了 什么 或 者 为 什么 那样 做 。 

接 下 来 ， 为 测试 者 布置 下 一 个 任务 ， 继 续 测试 。 

当 最 后 一 个 任务 完成 , 或 者 测试 时 间 即 将 用 尽 时 ,你 可 以 向 询问 测试 者 的 意见 。 这 些 意见 一 
般 不 是 我 们 寻求 的 ， 而 是 测试 者 在 测试 结束 后 产生 的 有 趣 的 想法 。 比 如 ,你 可 以 问 问 测试 者 最 不 
喜欢 这 个 设计 方案 的 哪 一 点 ， 他 是 否 会 使 用 你 们 的 产品 以 及 会 用 来 做 什么 。 

你 最 好 询问 一 下 测试 者 对 于 整个 测试 过 程 有 什么 想法 。 作 为 一 种 元 测试 , 测试 者 在 测试 结 
后 指出 的 问题 ， 通 常 对 将 来 改进 测试 有 很 大 帮助 。 

最 后 , 再 次 感谢 测试 者 花费 时 间 参 与 测试 , 确保 他 明白 测试 的 结果 对 你 来 说 意义 非凡 。 让 别 
人 观察 你 艰难 地 使 用 一 个 界面 , 这 不 是 一 种 令 人 愉悦 的 体验 。 你 要 确保 测试 者 高 高 兴 兴 地 离开 房 
间 。 要 确保 他 因为 帮 了 你 的 忙 而 感到 很 开心 ， 而 不 是 因为 使 用 设计 方案 时 遇 到 困难 而 感到 泪 谱 。 


分 析 结 果 


要 避免 做 任何 统计 或 正式 的 评 佑 。 可 用 性 测试 提供 的 是 定性 数据 ， 而 不 是 定量 数据 。 对 这 样 
的 测试 做 正式 的 分 析 会 误 入 卜 途 ， 而且 也 没 必要 。 实 际 上 , 仪 仅 看 一 下 可 用 性 测试 的 视频 ,通常 
就 能 很 明显 地 看 出 哪里 有 大 问题 。 


不 要 花 大 量 时 间 分 析 结 果 ， 而 要 发 现 问题 ， 排 定 优先 级 ,让 每 位 团队 成 员 挑 选 想 解决 的 那个 
问题 ， 让 他 们 想 解 决 方案 ， 修 改 设 计 方 案 ， 然 后 尽快 重新 测试 一 遍 〈 使 用 男 一 组 测试 者 )。 
何 时 停止 测试 

如 何 确定 设计 方案 已 经 足够 好 ， 不 必 再 进行 可 用 性 测试 了 ? 


测试 基本 上 不 会 停止 , 它 在 开发 过 程 中 是 持续 进行 的 。 开 发 过 程 中 , 在 使 用 纸 面 原型 消除 了 
存在 的 问题 ， 开 始 正式 编写 代码 时 ， 你 需要 逐渐 从 纸 面 原型 测试 过 渡 到 运行 代码 的 测试 。 但 是 ， 
每 当 你 处 理 设 计 方 案 中 的 重大 变化 时 ， 纸 面 原型 依旧 是 很 有 价值 的 工具 。 在 选 定 了 有 效 的 、 通 过 
测试 的 设计 后 ， 首 先 在 纸 上 测 试 这 些 变 化 ， 然 后 再 用 代码 实现 ， 这 样 更 容易 。 


机 局 
D 找 真实 的 用 户 测试 草图 和 实体 模型 ， 然 后 加 以 改进 。 


D 测试 无 需 太 复 杂 ， 将 草图 展现 给 用 户 ， 然 后 问 一 些 简 单 的 问题 即 可 。 
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D 招募 3~5 个 测试 者 ， 为 他 们 安排 测试 任务 ， 彼 此 相互 间隔 约 2 小 时 。 

D 要 进行 更 全 面 的 测试 ， 就 定义 一 些 涉及 产品 关键 部 分 的 任务 。 准 备至 少 5~6 个 任务 。 每 个 
任务 的 时 间 控 制 在 2~10 分 钟 。 不 能 说 明 任 务 的 完成 方式 。 

口 将 每 个 任务 打印 在 不 同 的 纸张 上 。 

口 你 可 以 独立 进行 整个 测试 ， 但是， 如 果 你 专注 于 扮演 计算 机 ， 那 么 最 好 找 人 来 扮演 协助 


者 的 角色 。 
o 准备 好 用 户 在 测试 过 程 中 可 能 访问 到 的 所 有 页 面 。 页 面 不 能 太 简陋 。 不 熟悉 产品 的 人 也 
要 能 读 得 懂 。 


口 如 果 有 必要 ， 可 以 添加 产品 运行 环境 相关 的 用 户 界面 元 素 〈 比如 承载 你 的 网 站 草图 的 浏 
览 器 窗口 )。 创建 可 能 需要 的 弹出 元 素 。 

口 将 每 个 任务 测试 一 遍 ， 确 保 任 务 中 可 能 需要 的 页 面 和 弹出 元 素 都 已 准备 好 。 

口 当 测 试 开始 时 ， 为 测试 者 讲解 即将 发 生 什 么 。 一 定 要 强调 你 的 测试 对 象 是 设计 方案 ,不 

是 测试 者 。 

口 将 所 有 要 想 介绍 的 内 容 列 个 清单 。 在 介绍 过 程 中 核查 要 点 。 别 忘 了 让 测试 者 签署 同意 书 。 

口 向 测试 者 解释 如 何 与 “计算 机 ”交互 。 人 允许 他 在 原型 上 书写 涂 画 。 

口 测试 中 ， 避 免 影响 测试 者 。 不 要 让 测试 者 感到 不 和 舒服。 感觉 测试 者 遇 到 困难 时 ， 要 及 时 


干预 。 
口 测试 完成 后 ， 做 一 个 简短 的 测试 报告 ， 感 谢 测 试 者 的 帮助 。 千 万 不 要 让 测试 者 诅 丧 地 离 
开房 间 。 
延伸 阅读 


Carolyn Snider 写 了 一 本 关于 纸 面 原型 的 权威 著作 : Paper Prototyping: The Fast and Easy Way to 
Define and Refine User Interfaces [Sni03]。 如 果 你 对 纸 面 原型 非常 感 兴趣 ， 就 需要 读 一 读 这 本 书 。 


Userfocus 网 站 中 有 篇 关于 纸 面 原型 的 短文 ,里 面 有 很 多 资源 的 链接 。” 


GD 详 见 http://www.userfocus.co.uk/articles/paperprototyping.html。 


随便 拿 起 任何 一 台 现代 设备 ， 比 如 平板 电脑 或 者 智能 手机 ， 你 会 很 快 注 意 到 , 设计 师 做 了 大 
量 的 工作 让 用 户 界面 更 具 真 实感 。 

通常 ， 你 会 看 到 阴影 、 渐 变 、3D 效 果 以 及 纹理 。 屏 幕 上 的 元 素 或 者 整个 应 用 程序 都 基于 真 
实 的 事物 。 甚 至 用 户 交 互 本 身 都 模仿 了 真实 世界 : 你 可 以 触摸 并 移动 滑 块 ; 你 可 以 切换 开关 ; 如 
果 你 拖 动 某 个 可 滚动 的 区 域 , 它 会 继续 滚动 一 段 距 离 , 然后 逐渐 放 缓 ,好 像 真 的 存在 摩擦 力 一 样 。 
平板 电脑 上 的 电子 书 程序 可 能 很 像 一 本 真实 的 书 , 而 日 历 应 用 的 用 户 界 面 很 可 能 看 起 来 就 像 真 实 
的 纸 质 日 历 。 


alm De 界面 早期 的 iDS 界 面 以 真实 的 日 历 为 微软 在 Virzdows 中 运用 了 阴影 、 


使 用 了 阴影 原型 制作 了 日 历 应 用 ， 保 留 了 父 理 和 适 明 度 ， 铝 作 条 话 有 此 
约 型 造 明 度 撕 拉 累 张 的 徊 节 功能 甚至 用 上 了 动画 效果 。 


和 真实 世界 的 事物 不 同 ， 应 用 程序 和 网 站 不 用 遵守 自然 法 则 ， 它 们 怎样 表现 都 可 以 。 毕 况 ， 
它们 仅仅 是 屏幕 上 的 一 些 亮点 。 一 个 人 擒 起 一 块 石 涉 , 然后 让 它 做 自由 落体 运动 , 他 肯定 知道 会 
发 生 什 么 。 但 是 在 触摸 屏 上 触摸 像素 的 时 候 ， 他 很 难 判断 程序 员 为 它 绑 定 了 怎样 的 行为 。 正 因 如 
此 , 让 应 用 程序 和 网 站 的 样式 和 行为 与 现实 事物 保持 一 致 是 个 不 错 的 做 法 。 这 种 一 致 性 可 以 帮助 
用 户 了 解 产 品 的 运作 方式 , 它 示 意 用 户 支 配 现实 世界 的 法 则 同样 适用 于 产品 。 用 户 可 以 就 此 了 解 
界面 元 素 提供 的 功能 。 


写实 的 细节 能 传达 可 进行 的 操作 〈 也 称 为 功能 可 见 性 ， 详 见 第 11 章 )。 产品 越 具有 真实 感 ， 


用 户 越 容 易 猜测 它 如 何 工作 ， 然 后 对 于 产品 的 使 用 建立 正确 的 心智 模型 。 
当然 ， 如 果 你 不 仔细 地 运用 “写实 主义 ”， 也 有 可 能 会 令 用 户 感到 迷惑 。 


符号 


在 现代 的 用 户 界 面 中 , 很 多 视觉 元 素 都 代表 特定 的 行为 和 概念 。 小 铅笔 符号 并 非 表 示 真 正 的 
铅笔 ， 它 代表 了 “编辑 ”这 一 概念 。 停 止 符号 也 不 是 表示 停车 ， 而 是 提醒 你 注意 潜在 的 问题 。 


你 猜 下 面 的 按钮 试图 要 传达 什么 信息 ? 


没有 具体 的 情境 , 用户 不 能 确定 这 是 什么 意思 。 不 过 最 可 能 的 解释 是 , 按 这 个 按钮 可 以 拍照 。 
那么 下 面 这 个 按钮 呢 ? 


很 明显 ,试图 把 按钮 上 的 相机 夯 得 更 真实 ,并 不 会 让 按钮 所 代表 的 意思 更 容易 理解 ,实际 上 ， 
在 判断 按钮 的 作用 时 ， 过 多 的 细节 反而 会 让 用 户 更 困惑 


按 我 可 以 照相 


漫画 家 Scott MecCloud 在 《理解 漫画 》 中 指出 ， 为 图 像 增加 细节 会 有 损 通 用 性 。 在 按钮 上 画 一 
和 个 具体 的 相机 。 没 有 这 些 细节 ,按钮 才 会 成 为 典型 。 它 展 


现 的 不 是 具体 的 相机 ， 而 是 相机 的 概念 。 15 
符号 
既然 符号 这 么 复杂 ,为何 还 要 使 用 它们 呢 ? 只 用 文字 标签 而 完全 不 用 图 像 岂 不 是 更 
简单 ? 


Colin Ware 在 《信息 可 视 化 》 一 书 中 概述 了 一 项 研究 ， 该 研究 表明 人 类 很 擅长 快速 
识别 图 片 。 下 面 是 书 中 的 一 段 话 。 
即使 只 短暂 地 看 一 眼 ， 视 觉 图 像 也 很 容易 识别 。 这 一 事实 表明 ， 用 户 界 面 中 的 图 
标 应 该 成 为 很 好 的 记忆 辅助 ， 帮 助 我 们 回忆 起 复杂 系统 中 各 部 分 的 功能 。 容 易 识 别 的 
图 标 可 以 激活 大 脑 长 期 记忆 语义 网 络 中 相关 的 概念 。 
换 句 话说 ， 符 号 让 产品 更 易 用 。 
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同时 ， 细 节 太 少 也 很 难 让 用 户 明白 你 真正 想 传达 的 意思 。 


如 往常 一 样 , 你 能 在 这 两 种 极端 情况 中 间 找 到 最 佳 位 置 。 你 肯定 最 想 处 在 下 面 这 张 非 学 术 图 
表 的 中 间 位 置 。 


认 知 


可 用 性 测试 可 以 针对 特定 图 片 ， 帮 你 找到 这 个 最 佳 位 置 。 


现实 事物 的 虚拟 版 本 


在 现代 用 户 界面 中 , 很 多 视觉 元 素 代 表 动 作 、 任 务 或 者 概念 ,也 有 一 些 代表 实物 。 铅笔 图 标 
实际 上 是 编辑 按钮 , 而 音乐 应 用 中 的 旋钮 并 不 是 代表 真实 施 乌 的 概念， 而 是 表示 一 种 可 使 用 的 旋 
钮 元 素 , 其 工作 原理 和 用 法 都 和 真正 的 旋钮 一 样 。 同 样 , 很 多 电子 书 应 用 程序 使 用 了 实体 书 翻 开 
的 样式 作为 用 户 界面 。 这 在 应 用 中 不 代表 阅读 的 概念 ， 而 是 意味 着 拥有 实体 书 的 许多 功能 。 


这 支 银 笔 代表 了 “编辑 ”之 关 的 概念 。 
钉 笔 的 写实 细节 与 图 标的 实际 意思 没有 
关系 。 


We al Troe 
al obje Virtu: 


这 本 电子 所 代表 了 实体 书 。 


它 可 以 像 实体 节 一 样 供 人 阅读 和 交互 。 
只 要 交互 模型 比 鞠 写实 ， 写 实 的 甸 节 就 
可 以 名 助 用 户 了 解 如 何 使 用 这 本 电子 区 。 


拟 物 化 


探讨 写实 主义 的 用 户 界面 时 , 设计 师 有 时 将 其 称 为 拟 物 化 (skeuomorph ), 意思 是 ， 
新 版 事物 仅仅 保留 早期 版 本 中 那些 纯粹 装饰 性 的 细节 。 举 个 例子 , 皮鞋 是 由 多 个 部 分 粘 
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合 而 成 的 , 但 鞋 上 也 会 有 不 具备 实际 功能 的 装饰 性 颖 线 。 以 邮票 作为 用 户 界 面 装饰 的 邮 
件 应 用 也 是 这 样 。( 下面 右 侧 截图 展示 了 Mac 的 一 款 图 片 分 享 应 用 Courier。) 


上 述 缝 线 和 邮票 都 没有 实际 的 功能 。 


视觉 写实 主义 根据 现实 世界 中 存在 的 事物 创建 虚拟 版 本 , 这 通常 是 不 错 的 做 法 , 可 以 帮助 用 
户 建立 关于 如 何 与 产品 交互 的 心智 模型 。 毕 竞 , 音乐 家 本 来 就 知道 如 何 使 用 音响 合成 器 。 在 计算 
机 或 者 PDA 屏 幕 上 看 到 与 真实 合成 器 长 得 一 样 的 界面 ， 他 们 马上 就 知道 如 何 与 这 个 界面 交互 了 。 
下 面 Korg 的 让 LECTRIBE 截 图 就 是 一 个 例子 。? 


WeiE 自 ronce 


KORG LE \ 2 OSCILLATOR 


MmOD DEPTH MOD SPEED 


el 全 | EFFECT 
MASTER VOL TUBE GAIN [BROWSER | {warE | REUERB CHO/FLG 


> 
( WW remro MM sermoes| GRAIN FILTER 
( ( 和 pe morTion SE0 pecay AMP Lever 
2.. [| wock | UTILTY Bem TunNG 
LAY py /1 


YY /i / 
SHORT DELAY DECIMATOR 全 ) ( 
Le | EB | TAP | [要 | 


SMOOTH 
SET Fx EDITT Fy EDIT2 TRIG HOLD LOW BOOST 


aoe 


7 | 


on OOons 
TT 
Sa 

然而 , 让 用 户 瞬 间 建 立 强大 的 心智 模型 不 一 定 是 好 事 。 这 意味 着 用 户 还 没 开 始 使 用 产品 就 已 


经 对 它 的 功能 有 了 很 明确 的 期 待 。 换 句 话说， 如果 进行 写实 主义 的 设计 ,你 要 保证 交互 设计 与 实 
物 也 是 一 致 的 。 


GD 详 见 http:/www.korg.comyielectribe。 
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你 不 ee 卖 器 : 使 用 实体 书 的 样式 当 作用 户 界面 ， 但 只 有 使 用 “下 一 页 
和 “上 一 页 ”按钮 才能 切换 页 面 。 如 果 在 屏幕 上 看 到 一 本 写实 风格 的 书 ,用 户 会 期 望 能 够 使 用 手 
指 - 0 它 。 用户 还 期 望 看 一 眼 两 边 的 纸张 厚度 就 知道 书 读 到 了 哪里 , 因为 实体 书 也 是 这 样 的 。 


第 一 页 中 间 某 页 最 后 一 页 
相反 , 在 非 写实 风 格 的 用 户 界面 上 提供 写实 风格 的 交互 就 没什么 坏处 , 但 是 用 户 不 容易 发 现 
这 些 交互 , 除非 你 引入 一 些 写 实 元 素 ， 比 如 使 用 纹理 给 一 些 提示 。 这 样 的 用 户 界面 在 功能 可 见 性 
方面 会 稍 显 不 足 。 


写实 的 交互 设计 


如 果 开 发 的 应 用 程序 或 者 网 站 再 现 了 真实 世界 的 事物 , 最 佳 方式 就 是 使 用 写实 主义 的 设计 和 
交互 设计 。 不过， 这么 做 有 些 潜 在 的 问题 。 


数码 产品 中 模仿 实体 的 限制 


虽然 写实 主义 的 用 户 界 面 元 素 让 用 户 快速 建立 了 精准 的 心智 模型 , 但 这 些 元 素 也 限制 了 你 的 
行为 。Instapaper 的 开发 者 Marco Arment 在 “Overdoing the interface metaphor” 一 文中 指出 了 这 一 
问题 。" 


GD 详 见 http:/www.marco.org/441168915。 
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在 现实 世界 的 复制 品 和 可 用 性 之 间 找 到 平衡 点 很 重要 。 真 实事 物 通 常 有 特定 的 合理 
的 运作 方式 ， 我 们 需要 尽力 保留 这 一 点 。 但 是 多 数 时 候 ， 它 们 这 样 运作 是 因为 受到 了 物 
理 、 技 术 、 经 济 或 实用 性 等 方面 的 限制 ， 而 这 些 限制 在 虚拟 世界 中 不 起 作用 。 
可 用 性 顾问 Bruce Tognazzini 也 同意 这 一 点 ， 并 说 道 :“ 对 真实 事物 表现 出 奴 性 的 忠诚 会 让 非 
专业 人 员 背 离 目 标 。”” 


前 面 展 示 的 Korg 的 合成 器 看 起 来 像 真 实 的 合成 器 。 下 面 是 Beatwave 的 截图 ， 这 是 iPad 上 一 
款 与 众 不 同 的 合成 器 。 


它 看 起 来 一 点 也 不 像 真正 的 合成 详 , 同时 还 使 用 了 在 现实 世界 中 完全 不 可 能 实现 的 交互 模型 。 


这 里 还 有 一 个 例子 。 现 实 中 的 日 历 是 数量 有 限 的 二 维 20/4 
纸张 。 由 于 日 历 生 产 商 不 知道 用 户 具体 如 何 安排 自己 的 时 2 ww Ss 
间 , 日 历 上 的 每 一 天 都 拥有 相同 的 尺寸 ， 包含 的 小 时 数 比 15 
用 户 可 能 需要 的 多 ,或 者 小 时 数字 都 移 除了 ， 用 户 可 以 自 。 3anasw au 6 
己 写 上 所 需 的 数字 。 如 果 用 户 需 要 追踪 多 处 变化 ， 很 难保 
持 多 个 视图 一 致 。 因 此 ， 现 实 的 日 历 通常 对 于 一 种 数据 只 4 Sa 
有 唯一 的 视图 。 EE J 
电子 设备 上 的 日 历 就 不 受 这 些 限制 , 你 可 以 按照 自己 的 想法 调整 它 的 样式 。 例如, 你 可 以 将 
相同 的 数据 显示 为 多 种 视图 ,包含 多 种 缩放 级 别 混合 的 视图 。 这 样 一 来 ,你 就 可 以 在 查看 今天 详 
细 日 程 的 同时 ， 看 到 本 周 剩余 几 天 有 多 忙 。 


GD 详 见 http:/www.asktog.com/readerMail/1999-06ReaderMail.html。 
@) 关于 Beatwave 的 更 多 信息 ， 详 见 http://beatwave.co。 
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在 许多 情况 下 , 与 其 尝试 在 计算 机 屏幕 上 模仿 现实 世界 的 事物 及 其 限制 , 还 不 如 利用 计算 机 
的 能 力 创造 用 户 界面 。Windows Phone 设 计 团 队 就 为 Windows Phone 7 发 明了 Metro 设 计 语言 。 这 
个 团队 的 目标 是 开发 真正 的 数字 产品 。Windows Phone 设 计 团 队 的 成 员 Mike Kruzeniski 写 道 :“ 用 
户 界 面 是 用 像素 创建 的 ， 所 以 在 Metro 中 我 们 尽量 避免 使 用 拟 物 化 的 阴影 和 光泽 ， 这 些 特 性 在 一 
些 用 户 界 面 中 用 来 模仿 真实 世界 中 的 材料 和 物体 。 ” 


当然 ， 某 些 时 候 ， 这 种 做 法 也 不 完全 正确 。 最 好 的 做 
法 通常 是 使 用 真实 世界 的 设计 素材 ， 同 时 利用 数字 设备 提 
供 的 自由 度 。 我 们 看 一 下 之 前 提 到 的 Palm Pre 日 历 应 用 程序 : 
它 的 布局 和 真实 的 日 历 相 似 ， 还 能 做 到 真实 日 历 不 能 做 到 


的 事情 。 例 如 ， 将 空闲 时 间 折 和 至 起 来 ， 这 样 用 户 就 可 以 只 “~ 
看 忙碌 的 日 程 。 13 
扁平 化 ve 
微软 的 Metro( 或 称 " 现 代 ”) 设 计 语言 开创 了 一 种 潮流 ， 和 1 
让 视觉 设计 不 再 对 写实 风格 亦 步 亦 趋 。 这 一 语言 避免 过 度 “ 国 |wGE wa 


使 用 纹理 、3D 效 果 ， 以 及 其 他 类 似 的 细节 。 苹 果 iOS 7 系统 6 


以 及 同时 期 的 Android 系 统 版 本 都 跟随 了 这 一 趋势 。 人 们 有 
时 将 这 种 风格 称 为 “扁平 化 ”设计 ， 虽 然 这 不 太 恰 当 ， 、 CO 4 
为 这 些 设计 语言 依然 会 使 用 阴影 来 实现 多 图 层 的 视觉 设计 。 

操作 系统 中 元 余 的 或 过 时 的 视觉 隐喻 也 许 早 就 该 移 除 了 ， 不过, 一些 以 “扁平 化 ”为 名 的 设 
计 决 策 有 些 过 犹 不 及 ， 比 如 ,苹果 就 决定 移 除 许多 按钮 周围 的 边框 ， 直 接 将 它们 推进 了 本 章 开头 
图 表 中 的 “迷惑 ”区 域 。 


lo | Ts 


明显 是 个 按钮 好 像 是 个 按钮 要 不 按 一 下 试 试 ? 莫名其妙 
这 并 不 是 没有 后 果 。Kate Meyer 在 其 关于 “长 期 接触 扁平 化 设计 的 影响 ”的 论文 中 指出 ， 现 
在 的 用 户 更 加 依赖 于 在 用 户 界 面 上 “随机 ”点 击 元 素 ， 以 此 判断 哪些 可 交互 。 如 果 用 户 不 得 不 以 
这 种 方式 寻找 屏幕 上 可 点 击 的 元 素 ， 那 么 设计 师 显然 非常 失败 。 
总 体 上 ,， 趋 于 “扁平 化 ”的 风格 对 于 软件 设计 的 很 多 方面 都 有 积极 的 影响 ， 它 让 我 们 得 以 消 
除 一 些 长 期 存在 的 设计 隐喻 。 但 是 也 不 能 太极 端 。 有 些 表面 上 没 用 的 隐喻 是 有 实际 作用 的 。 


GD 详 见 https://blogs.windows.com/buildingapps/2011/02/17/from-transportation-to-pixels/。 
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要 所 


口 增加 写实 的 细节 可 以 向 用 户 传达 可 行 的 操作 ， 也 可 以 增强 功能 可 见 性 。 

D 符号 也 不 能 太 写 实 ， 和 否则 表达 不 出 真正 的 意思 。 

复制 真实 世界 的 实物 ， 可 以 帮助 用 户 快速 建立 正确 的 心智 模型 。 

基于 实物 的 写实 风格 的 图 形 和 交互 设计 需要 同步 进行 。 

有 时 ， 没 必要 将 真实 物体 的 相关 限制 也 复制 过 来 ， 因 为 物体 在 屏幕 上 不 受 物理 法 则 的 约束 。 

写实 元 素 可 以 帮助 用 户 了 解 如 何 使 用 产品 ， 你 可 以 将 这 些 元 素 与 现实 世界 中 不 存在 的 高 

级 功能 相 结合 ， 但 是 你 要 让 非 写实 之 处 显而易见 ， 这 样 用 户 才能 建立 正确 的 心智 模型 。 

口 当 进行 “扁平 化 ”设计 时 ， 不 要 将 传统 的 设计 全 盘 和 否定 ， 这 样 会 得 不 偿 失 。 有 些 视觉 样 
式 为 用 户 做 出 了 很 有 用 的 提示 ， 传 达 了 如 何 与 用 户 界面 交互 的 信息 。 


延伸 阅读 


Scott McCloud 在 《理解 漫画 》 中 冰释 了 人 们 如 何 “阅读 ”图 片 。 如 果 你 想 进 一 步 学 习 图 标 设 
计 ， 我 还 推荐 Adrian Frutiger 的 Signs and Symbols: Their Design and Meaning [Fru98]。 


口 
口 
口 
口 


Max Steenbergen 在 “Eye Candy vs. Bare-Bones in UIDesign” “一 文中 讨论 了 吸引 力 和 功能 性 


的 权衡 问题 .Kate Meye 在 “Long-Term Exposure to Flat Design: How the Trend Slowly Decreases User 
Efficiency” 一 文中 简 述 了 为 何 削 弱 写 实 风格 、 更 加 “扁平 化 ”会 降低 用 户 的 使 用 效率 。” 


OD 详 


人 @) 详 见 http://www.nngroup.com/articles/flat-design-long-exposure/ 


让 


Whttp://maxsteenbergen.com/old/articles/EyeCandy-vs-BareBones。 


自然 用 户 界 面 (Natural User Interface，NUI ) 忽略 了 GUI 的 传统 惯例 ， 采 用 基于 自然 世界 的 
交互 设计 。 自 然 用 户 界面 中 没有 窗口 、 按 钮 、 菜 单 这 些 元 素 , 而 是 基于 写实 的 物体 和 手势 实现 交 
互 。 自 然 用 户 界面 移 除 了 鼠标 和 键盘 ,依赖 多 点 触 控 的 屏幕 、 摄 像 机 、 麦 克 风 、 触 控 笔 以 及 其 他 
设备 ， 让 用 户 直接 用 双手 与 手指 ， 用 声音 ,或 者 通过 移动 整个 身体 与 用 户 界面 交互 。 


CLI GUI NUI 
命令 行 用 户 界面 图 形 用 户 界 面 自然 用 户 界面 


基于 预先 定义 的 一 系列 基于 隐喻 的 交互 ， 用 基于 对 真实 物体 的 直接 、 
文本 命令 进行 交互 标 表 示 数 据 和 命令 自然 的 操作 进行 交互 


ee i ee 图 形 用 户 界面 改善 了 这 一 点 , 为 你 展示 了 在 任意 给 定时 
间 能 进行 哪些 操作 ,但 是 你 仍 需 记 住 屏幕 上 每 个 元 素 的 含义 。 自 然 用 户 界面 基于 你 已 知 的 事物 。 
在 最 理想 的 情况 下 ， 你 不 需要 记 住 任何 东西 : 不 用 刻意 记 住 如 何 操作 ， 也 不 用 记 住 元 素 的 意义 ， 
现实 生活 的 经 验 就 可 以 解决 这 些 问题 。 
尝试 模仿 真实 世界 是 个 极 好 的 目标 ,因为 这 使 得 学 习 和 使 用 产品 更 容易 。 但 这 里 同样 存在 问 
题 ,我 已 经 在 第 11 章 和 第 15 章 指出 过 其 中 一 些 。 本 章 ,， 我 想 谈论 一 些 之 前 从 未 提 到 过 的 与 自然 用 
户 界面 相关 的 概念 。 


避免 手势 魔法 


如 果 选 择 使 用 手势 ， 请 确保 它们 能 如 用 户 源 于 真实 世界 的 理解 那样 ， 直接、 立即 作用 于 屏幕 
中 的 元 素 上 。 当 用 户 使 用 手势 与 系统 交互 的 时 候 ， 如 果 系 统 能 持续 不 断 地 给 出 反馈 ,手势 的 效果 
才 最 佳 。Dan Saffer 在 Desiegning Gestural Interfaces [Saf08] 一 书 中 对 此 有 所 论述 。 
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对 真实 物体 进行 物理 操作 的 时 候 ， 我 们 习惯 于 得 到 即时 反馈 。( ……… ) 当 用 户 与 手 

势 界 面 交互 的 时 候 , 他 们 想 快速 知道 系统 是 否 已 经 接收 并 理解 了 命令 。 这 时 反馈 就 派 上 

用 场 了 。 用 户 针对 手势 界面 做 的 每 个 动作 , 无论 多 轻 ， 只 要 有 可 能 ， 系 统 都 该 尽快 做 出 

反馈 。 

用 户 直 接 操作 元 素 ， 而 不 是 给 出 命令 然后 等 待 结果 ,这 类 交互 称 为 直接 操纵 。 这 一 术语 是 由 
马里 兰 大 学 人 机 交互 实验 室 的 计算 机 科学 教授 Ben Shneiderman 首 次 应 用 到 用 户 界面 领域 的 。? 

Shneiderman 指 出 ， 人 允许 用 户 直 接 操纵 界面 元 素 ， 使 得 用 户 界面 更 容易 学 习 ， 同 时 还 让 用 户 
专注 于 实际 的 任务 ， 而 不 是 用 户 界面 本 身 。 

比如 ,触摸 文本 并 移动 手指 ， 文 字 会 深 动 ， 这 就 是 一 种 即时 反馈 。 一 旦 用 户 移 动手 指 ， 文字 
就 开始 滚动 。 如 果 用 户 操作 有 误 ， 手 势 也 会 立马 失效 ， 然 后 用 户 可 以 进行 不 同 的 尝试。? 

让 用 户 画 一 个 “S” 来 保存 文档 的 做 法 则 很 差 。 就 像 哈 利 ' 波 特 用 魔杖 施法 一 样 ， 用 户 需 要 
在 动作 生效 之 前 做 完 手 势 。 他 在 做 手势 的 时 候 也 没有 得 到 任何 有 用 的 反馈 ， 如 果 手 势 失 败 ， 系 统 
不 识别 手势 的 原因 也 不 明确 。 

另外 , 这样 的 “魔法 ”手势 会 强迫 用 户 记 住 手 势 与 命令 的 对 应 关系 ,还 要 记 住 如 何 做 出 这 个 
手势 。 从 这 个 意义 上 讲 ， 手势 界面 并 不 比 命令 行 界面 更 好 ， 只 不 过 用 户 是 在 屏幕 上 移动 手指 , 而 
不 是 用 键盘 输入 命令 。 


CLI NUI 


GUI 
命令 行 用 户 界面 图 形 用 户 界面 自然 用 户 界面 


用 户 需要 学 习 和 记忆 命令 不 必 记 忆 什 么 ， 用 户 可 以 学 习 和 记忆 复杂 的 手势 ， 
看 到 并 认 出 命令 差不多 是 种 倒退 


与 之 类 似 ， 自 然 用 户 界 面 通常 会 避免 使 用 既 有 的 传统 元 素 ， 比 如 菜单 和 按钮 。 在 自然 用 户 界 
面 中 ， 功 能 有 时 是 隐藏 的 ,用户 很 难 发 现 其 访问 方式 ， 比 如 ,触摸 并 按 住 用 户 界面 元 素 可 以 弹出 


菜单 。 


关键 是 ， 相 比 其 他 种 类 的 用 户 界面 ,对 自然 用 户 界面 来 说 ， 直 接 操 作 、 可 见 性 以 及 简易 性 更 
加 重要 。 用 户 需要 在 不 查询 手册 的 情况 下 知道 怎样 与 屏幕 上 的 元 素 交 互 。 


识别 手势 
观察 用 户 使 用 触 屏 设 备 , 你 迟早 会 发 现 他们 常常 在 最 简单 的 滑动 手势 上 失败 。 很 多 应 用 程序 


中 若 要 了 解 更 多 ， 可 以 阅读 Ben Shneiderman 的 论文 “Direct Manipulation for Comprehensible, Predictable and 
Controllable User Interfaces” 。 
@ 虽然 这 种 交互 不 是 很 容易 发 现 , 但 是 可 以 将 列表 中 最 后 一 个 可 见 元 素 变 为 部 分 可 见 , 提示 用 户 下 面 还 有 更 多 内 容 。 
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里 都 用 到 了 滑动 手势 ， 尤 其 是 阅读 带 的 翻 页 功能 中 。 滑动 手势 如 此 简单 ,而 且 在 应 用 程序 中 如 此 
广泛 地 使 用 ， 为 何 用 户 还 经 常 无 法 正确 使 用 这 个 手势 呢 ? 

一 个 原因 是 , 不 同 的 应 用 程序 对 划 动 手势 的 实现 略 有 不 同 。 同 样 的 请 动手 势 ,可 能 一 个 应 用 
能 识别 而 男 一 个 却 不 能 识别 。 因此， 如 果 人 们 习惯 了 一 个 应 用 程序 中 的 滑动 手势 ， 而 这 个 手势 在 
男 一 个 应 用 程序 中 不 奏效 ， 那 么 他 们 就 会 很 困惑 。 


一 个 更 重要 的 原因 是 ,设备 通常 不 会 提供 有 效 的 反馈 来 告知 用 户 “ 接 收 ” 到 手势 的 确切 时 间 。 
用 户 不 知道 自己 何 时 才能 停止 手势 ,因为 他 不 确定 在 何 处 抬 起 手指 会 取消 手势 , 滑动 到 何 处 会 让 
应 用 跳 转 到 下 一 屏 。 当 然 ， 这 些 问题 不 只 局 限于 滑动 手势 ， 所 有 的 手势 都 会 受到 此 类 影响 。Don 
Norman 针 对 这 一 问题 做 出 过 解释 。” 

手势 所 缺少 的 关键 性 提示 ,恰恰 是 成 功 的 人 机 交互 的 要 素 。 手势 是 短暂 的 ,手势 的 

路 径 不 会 留 下 记录 。 这 意味 着 ， 如 果 用 户 做 完了 手势 ， 却 没 得 到 任何 响应 或 者 得 到 了 错 

误 的 响应 ， 那 么 用 户 将 完全 不 知道 问题 出 在 了 哪里 。 

解决 方案 并 非 总 是 显而易见 ， 归 根 结 底 还 是 要 让 用 户 知 道 计算 机 已 经 识别 了 手势。 


像 切换 开关 这 样 的 元 素 就 可 以 从 反馈 中 获 益 。 在 配备 鼠标 的 计算 机 上 ,进行 开关 切换 很 容易 ， 
用 户 只 需要 点 击 它 ， 几 乎 不 会 出 错 。 


CS 是 数字 的 人 NUS 通 常 是 模拟 慌 的 
点 击 即 可 切换 开关 状态 用 户 要 拖 动 多 远 才 能 切换 开关 状态 ? 


在 自然 用 户 界面 中 ,交互 是 渐进 且 微妙 的 。 手势 没 有 明确 的 开始 和 结束 ， 所 以 一 般 不 容易 看 
出 用 户 何 时 可 以 停止 滑动 开关 。 但 是 ， 在 手势 成 功 时 要 给 出 反馈 ,让 用 户 知 道 已 经 完成 了 操作 。 
这 样 也 能 教会 用 户 如 何 高 效 地 使 用 系统 。 

下 图 是 官方 Twitter 应 用 的 一 个 例子 。 它 告诉 用 户 何 时 可 以 停止 手势 。 


Q@ Don Norman 关 于 自然 用 户 界 面 的 文章 详 见 http:Wjnd.org/dn.mssmatural user _interfaces_are_not_ naturalhtml。 
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Ikm 区 
上 Pull down to refresh... | 
BA Pe 会 Release to refresh... 
Last Updated: 05.12.10 21:48 
Q 
neave 30 secs Q 
/fy a et a to order: Nouve 30 secs 
ttp:/inventables.com jh, Crazy inventions available to order: 
lorentey 8 mins http://inventables.com/ 
EE 人 to iKnow oe ope : lorentey Bn 
隐 a 和 ee U9 ors According to the iKnow Dogs app, 
0 notable beagle owners include Charles 
— maxsteenbergen 11 mins Darwin. #citationneeded 
[ A Remember that great idea you had >— maxsteenbergen 11 mins 
bh py | i 
El [A | Romembor that great idoa you had 
如 果 你 拖 动 列表 查看 是 否 只 要 拖 动 的 距离 
有 新 的 Twitter 消息 ， 该 应 足够 远 , 页 面 就 会 刷 
用 会 首先 要 求 你 拖 动 屏幕 ， 新 消息 ， 告 诉 你 可 以 
刷新 消息 …… 短 放 操作 


开发 一 个 简单 的 手势 用 户 界面 并 不 容易 , 但 一 些 指导 原则 会 对 你 有 所 帮助 。 无 论 手势 是 否 识 
别 成 功 , 用 户 都 应 该 得 到 及 时 的 反馈 , 也 应 该 知道 识别 失败 的 原因 。 简 单 的 、 容 错 高 的 手势 效果 
最 好 。 直 线 手势 最 有 效 。 短 手势 比 长 手势 更 有 效 。 如 果 用 户 需 要 在 特定 的 区 域 开 始 或 者 结束 手势 ， 
那 就 将 这 一 区 域 设 计 得 大 一 些 。 如果 计算 机 识别 某 一 手势 有 误 , 那 就 应 该 提供 简单 的 方法 让 用 户 
撤销 操作 。 


意外 的 输入 


前 阵子 我 改变 了 习惯 ,不 再 用 纸 笔记 录 杂 货 清单 ， 而 是 开始 使 用 手机 应 用 程序 。 很 快 我 就 注 
意 到 ， 每 次 我 去 购物 都 会 少 买 2~3 样 物品 。 进 一 步调 查 之 后 我 发 现 ， 我 并 不 是 真 的 忘 了 记录 这 些 
东西 ， 而 是 不 小 心 将 它们 从 清单 里 移 除 了 。 一 只 手 拿 着 手机 ， 另 一 只 手 将 物品 放 和 人 购物 车 时 , 我 
经 常会 不 小 心 碰 到 手机 屏幕 ， 将 某 些 物品 置 为 “已 购买 ”状态 。 

与 之 类 似 , 我 第 一 次 和 朋友 用 Kinect 玩 体感 游戏 的 时 候 , 游戏 经 常 莫名 其 妙 地 暂停 。 最 后 我 
们 发 现 ， 如 果 玩 家 身后 有 人 靠 着 桌子 ，Kinect 会 将 其 理解 为 “暂停 动作 ”。 

擦拭 触摸 屏 时 可 能 会 市 除 东 西 , 靠 着 桌子 可 能 会 触发 电子 游戏 中 的 特定 动作 , 打 电 话 可 能 ;i 
活 附 近 设 备 的 声音 识别 系统 。 这 些 错误 很 常见 ， 但 是 由 此 产生 的 结果 通常 不 是 立即 可 见 。 

当然 , 用 户 在 使 用 图 形 用 户 界面 时 也 会 犯错 。 他 们 会 点 错 按钮 , 或 者 在 需要 点 击 时 却 拖 动 了 
元 素 。 但 是 多 数 情况 下 ,这 样 的 错误 很 容易 纠正 ， 因 为 这 些 问 题 对 用 户 来 说 是 显而易见 的 。 只 需 
撤销 操作 就 能 修复 。 但 是 如 果 没 有 注意 到 问题 ， 用 户 就 不 会 撤销 操作 。 如 果 问 题 的 来 源 不 明显 ， 
用 户 也 就 不 能 轻松 地 避免 它 再 次 发 生 。 


Qa 微软 的 Kinect 是 Xbox 360 和 Xbox 一 代 电子 游戏 机 的 外 设 ， 能 让 玩家 通过 移动 身体 和 手臂 控制 游戏 。 


100 第 16 章 自然 用 户 界面 


设计 自然 用 户 界面 时 , 很 重要 的 一 点 是 花 时 间 考 虑 如 何 避免 意外 的 输入 , 出 现 问题 时 如 何 提 
示 用 户 错误 的 位 置 ， 如 何 让 用 户 撤销 意外 操作 〈 即使 他 们 没有 立即 发 现 问题 )。 


惯例 
假设 你 想 让 用 户 毫 无 顾忌 地 探索 你 的 应 用 。 为 了 达到 这 一 目的 , 你 可 以 为 他 们 实现 一 个 简单 
的 方式 来 撤销 操作 。 


如 果 你 为 Windows 或 者 Mac OS 义 这 样 的 桌面 平台 设计 用 户 界面 , 那么 实现 “撤销 ”操作 很 容 
易 。 关 于 如 何 实现 这 一 功能 已 有 很 多 惯例 和 指导 原则 。 下 面 是 BusyCal 的 截图 (http://www. 


busymac.com )。 


fie EE Font Calendar View Window Help 
Undo Date Change 踢 Z 
吕 分 四 Z 


Redi 


Cut 归 X 


Con qp 
Copy 


Paste Text $V 
Paste and Match Style 信 合 归 V 
Delete 

Select A 蝶 A 


但 是 ,如 果 你 的 产品 配备 的 是 自然 用 户 界面 ,这 就 很 困难 了 。 没 有 多 少 惯例 和 准则 可 以 帮 你 

实现 撤销 功能 。" 你 必须 自己 研究 设计 方案 ,效果 最 好 很 “自然 "。 在 现实 生活 中 ， 你 不 能 让 时 间 

倒流 ,也 不 能 将 事物 逆转 到 几 分 钟 前 的 状态 。 那 么 ,怎样 才能 在 自然 用 户 界面 中 传达 这 一 概念 呢 ? 
很 遗 岩 ， 对 于 如 何 设计 出 “自然 的 ”用 户 界面 ,没有 简单 明确 的 解决 方案 ,但 是 有 些 理念 值 

得 借鉴 。 

D 如 果 可 能 ， 就 模仿 真实 世界 的 行为 。 让 计算 机 以 用 户 能 够 识别 和 理解 的 方式 及 时 做 出 响 

应 。 这 样 ， 用 户 就 可 以 将 对 真实 世界 的 认 知 应 用 到 虚拟 系统 上 。 

D 借鉴 主流 应 用 程序 的 做 法 。 用 户 很 可 能 已 经 用 过 那些 应 用 ， 熟悉 它们 的 交互 模式 。 

D 将 不 同 的 想法 实现 为 交互 原型 ， 然 后 进行 可 用 性 测试 ， 看 看 用 户 如 何 与 之 交互 。 


在 自然 用 户 界面 真正 流行 起 来 之 前 , 我 们 仍然 要 面 对 缺 乏 通用 用 户 界 面 惯例 这 样 的 局 面 。 虽 
然 我 们 的 工作 会 因此 变 得 更 加 困难 ， 但 也 会 更 加 有 趣 。 


@ 人 们 对 于 自然 用 户 界 面 的 期 望 通常 来 自 科幻 电影 ， 正 如 Chris Noessel 和 Nathan Shedroff 在 “Learning From SciFi 
Interfaces” 演 讲 中 阐述 的 那样 。 详 见 http://vimeo.com/15233780。 
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要 所 


口 尽量 允许 直接 操作 。 

口 对 于 用 户 的 任何 操作 都 要 给 予 快速 、 生 动 的 响应 。 

口 将 不 直接 操作 对 象 而 是 调用 命运 的 手势 作为 快捷 方式 ， 而 非 主要 的 交互 方式 。 

D 避免 让 用 户 学 习 复 杂 的 手势 。 

D 不 要 逼迫 用 户 做 精准 的 手势 。 对 用 户 的 输入 要 有 高 容错 度 , 还 要 人 允许 用 户 撤销 错误 的 操作 。 

D 承载 自然 用 户 界面 的 硬件 特别 容易 将 用 户 无 意 的 动作 理解 为 输入 。 尽 量 避 免 意外 的 输入 ， 
当 意 外 发 生 时 要 提供 撤销 的 方法 。 

D 遵循 自然 。 

D 借鉴 流行 应 用 的 做 法 。 

口 找 真 实 的 用 户 定期 对 用 户 界面 的 交互 原型 进行 测试 。 


延伸 阅读 


Dan Saffe 的 Designing Gestural Interfaces [Saf08] 一 书 涵盖 了 本 章 提 到 的 一 些 内 容 ， 以 及 其 他 
许多 主题 。Josh Clark 在 他 优秀 的 著作 《触动 人 心 》 中 谈 到 了 手势 ( 以 及 其 他 诸多 内 容 )。 关 于 如 
何 设计 自然 用 户 界 面 ，Fred Beecher 列 出 了 大 量 实用 指导 原则 。” 


GD 详 见 http://userexperience.evantageconsulting.com/2010/11/ui-guidelines-for-skeuomorphic-multi-touch-interfaces。 


， 


在 可 用 性 方面 , 极 少 有 公认 的 法 则 。 费 茨 法 则 就 是 其 中 之 一 。 它 的 基本 含义 是 ， 目 标 越 大 或 


者 (在 桌面 系统 中 ) 离 用 户 的 光标 越 近 ,用 户 就 能 越 快 地 点 击 目标 。 目 标 可 以 是 页 面 上 用 户 试图 


月 


鼠标 点 击 的 图 标 ， 或 者 触摸 屏 上 用 户 淮 试点 击 的 按钮 。 


N 
Ca 


在 左边 界面 中 点 击 “OK” 比 在 右边 界面 中 用 时 长 
动作 的 方向 很 重要 。 目 标 对 象 的 尺寸 应 该 与 动作 的 方向 相符 。 


"Oe 


同样 ， 在 左边 界面 中 点 击 “OK ”了 比 在 右边 界面 中 用 时 长 
这 上 听 起 来 似乎 很 简单 ， 但 其 背后 有 大 量 人 研究 支持 。 "难度 指数 (Index ofDifficulty，ID ) 用 于 


Q@ 相关 研究 参见 http://www.yorku.ca/mack/RN-Fitts_bib.htm。 
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计算 用 户 完成 某 项 任务 所 花费 的 时 间 ， 它 主要 度量 了 点 击 某 个 目标 的 难 易 程度 。 
目标 距离 +1 


目标 在 运动 方向 上 的 宽 


如 你 所 见 , 目标 初始 尺寸 很 小 的 时 候 , 微 小 的 变化 也 会 极 大 地 影响 难 易 程度 。 如 果 目 标 很 大 ， 
微小 变化 的 影响 就 很 小 了 


这 一 法 则 本 身 似乎 足够 简单 明了 ， 但 是 它 产生 的 影响 却 未 必 。 让 我 们 深入 理解 一 
屏幕 边缘 无 穷 大 


想象 一 个 屏幕 最 边缘 的 界面 元 素 , 如 果 你 尝试 用 鼠标 点 击 它 , 基本 上 可 以 认为 它 的 尺寸 是 无 
限 大 的 。 无 论 你 朝 着 屏幕 边缘 的 方向 把 鼠标 移动 多 远 ， 光标 都 不 会 超出 屏幕 ， 都 会 落 在 目标 元 素 
上 。 因 此 , 将 重要 的 元 素 置 于 屏幕 最 边缘 比较 合理 。 点 击 这 样 的 元 素 非 常 简单 ， 用 户 只 需 将 鼠标 
甩 向 边缘 ， 它 自然 会 停 在 目标 范围 内 。 


、Hi HH 


在 左边 界面 中 点 击 目 标 比 在 右边 界面 中 用 时 长 
屏幕 的 拐角 处 尤为 可 贵 ， 因 为 它 有 两 个 无 限 的 边缘 。 


不 过 很 可 惜 , 在 多 数 情况 下 ,这 种 效果 并 不 适用 于 和 触摸屏。 触摸 屏幕 边缘 的 元 素 并 不 比 触摸 
其 他 位 置 的 元 素 容 易 。 用 户 最 容易 触摸 的 区 域 ， 取 决 于 手持 设备 的 方式 。 


洒 


ID=log， | 


这 样 拿 Pad， 你 能 攻 松 触摸 的 屏幕 区 域 可 不 多 


当然 ， 当 用 户 拖 搜 元 素 时 ,触摸 屏 的 边缘 又 变 成 了 容易 到 达 的 目标 ,因为 元 素 不 可 能 被 拖 到 
屏幕 外 。 
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径 向 上 下 文 菜单 减 小 平均 距离 

如 前 所 述 ， 拐 角 处 很 容易 点 击 ， 因 为 有 两 个 方向 的 边缘 是 无 限 的 。 屏 幕 上 还 有 一 个 点 更 容易 
点 击 , 那 就 是 当前 光标 下 面 的 点 。 你 根本 不 需要 移动 鼠标 就 能 点 击 它 , 上下文 菜单 由 此 应 运 而 生 。 

如 果 一 个 菜单 在 光标 下 弹出 , 合理 的 做 法 是 , 将 每 个 菜单 项 分 布 在 光标 周围 ， 以 减 小 相对 于 
每 个 菜单 项 的 平均 距离 。 要 实现 这 一 功能 ， 可 以 使 用 径 向 上 下 文 菜单 。 

很 多 游戏 都 使 用 了 径 向 上 下 文 菜单 。 下 面 有 个 例子 ， 是 LucasArts 公 司 一 款 名 为 Full Throttle 
的 游戏 。 


火狐 浏览 器 的 扩展 应 用 a 到 了 径 向 上 下 文 菜单 。 


| | 


Many more apps in its store pe Sa i is touted 
he platform. That many of the al 全 0 eS p Store only 
ene users and hide the truly goog@ er a flood of 
ise, ignored in that argument, | 
径 向 上 下 文 菜单 的 效果 如 此 之 好 , 为 何不 频繁 地 使 用 呢 ? 其 中 一 个 可 能 的 原因 是 , 很 难 将 大 


量 的 菜单 项 安置 在 一 个 小 圆圈 之 内 。3D 建 模 软 件 Maya 使 用 常规 的 菜单 标签 ， 将 它们 环绕 在 光标 
周围 ， 绕 过 了 这 一 限制 。 


Single Perspective 
Persp/Relationship Editor Hypershade/Render/Persp 


Persp/Graph Hypershade/Persp 


Persp/Graph/Outliner rshade/Outliner/Persp 


Persp/Outliner 


男 一 种 方案 是 使 用 多 个 层级 的 常规 菜单 , 这 样 既 保 留 了 传统 上 下 文 菜 单 的 样式 , 也 具备 了 径 
向 上 下 文 菜单 的 优势 。 我们 只 需 将 传统 的 上 下 文 菜单 拆 分 为 多 组 命令 区 块 , 然后 将 它们 水 平 放置 
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于 光标 周围 。" 


用 户 需 要 将 鼠标 移动 较 使 用 这 种 菜单 ， 鼠 标 移动 的 距离 
长 的 距离 才能 点 击 到 目标 就 会 短 很 多 


这 种 菜单 的 另 一 个 优点 是 ,很 好 地 利用 了 水 平 空间 ,可 以 同时 显示 更 多 的 菜单 项 。 这 样 你 就 


不 用 将 任何 菜单 项 隐藏 到 很 难 用 的 子 菜单 中 。 


/ 


感知 圆圈 和 直线 


Stephen E. Palmer 在 《视觉 科学 》 中 道 出 了 径 向 上 下 文 菜单 没 能 更 流行 的 一 个 原因 。 在 
益 述 人 类 感知 视觉 信息 的 一 种 模型 时 ， 他 指出 ,“ 视 觉 皮质 的 第 一 区 域 的 细胞 拥有 细 长 的 感 
知 域 ， 被 特定 方向 和 位 置 的 边缘 或 者 直线 刺激 时 ， 反 应 会 很 强烈 "。 换 句 话说， 人 类 以 特殊 
的 机 制 观看 直线 。 而 且 ， 比 起 其 他 方向 的 直线 ， 我 们 可 能 更 擅长 观看 水 平 或 垂直 的 直线 。 
Stanley Coren 在 《感觉 与 知觉 中 推测 ， 由 于 人 类 多 数 时 间 生 活 在 直线 的 环境 中 ， 不 断 接 触 
重 直 线 和 水 平 线 ,我 们 的 大 脑 偏向 于 首先 感知 这 两 种 方向 的 直线 。 

实际 上 ,D.P Andrews 在 “视网膜 中 央 凹 工区 的 轮 廊 方向 感知 :短线 "Perception of contour 
orientation in the central fovea partI: Short lines ) 一 文中 也 指出 ， 在 许多 实验 中 ,“ 人 类 对 接近 
水 平和 坚 直方 向 的 元 素 最 敏感 ”。 其 他 研究 也 证 明了 这 一 点 ， 比 如 ，GuyA.Orban 在 “通过 长 
期 刺激 测试 人 类 的 方向 辨别 力 ”(Human orientation discrimination tested with long stimuli ) 中 
得 出 结论 :“ 在 主子 午 线 附近 狭长 的 范围 内 ， 人 类 的 方向 感 比 较 强 。 


长 话 短 说 ， 研 究 显 示 ， 人 类 对 水 平 线 和 垂直 线 的 感知 ， 比 对 针线 和 圆圈 的 感知 更 快 也 更 
准确 。 


最 后 , 将 水 平 菜单 元 素 放 在 光标 的 左右 不 仅 能 缩短 距离 ， 还 能 让 元 素 更 易 点 击 。 光 标 总 是 左 


右 移动 的 ， 所 以 光标 的 运动 方向 和 目标 区 域 一 致 。 


Q@ 我 在 一 款 商 业 流 程 管理 系统 Appway 中 使 用 了 这 种 上 下 文 菜单 ， 详 见 http://www.appway.com。 
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小 目标 需要 间距 


意外 触发 错误 的 操作 。 


oo [sora 


这 样 安排 ， 很 容易 点 击 Delele 而 不 是 Serdf 增 大 一 点 距离 ， 这样 就 好 多 了 


某 种 程度 上 , 这 也 适用 于 键盘 快捷 键 。 将 破坏 性 操作 和 非 破坏 性 操作 的 快捷 键 指定 到 键盘 上 
相 邻 的 两 个 字母 ， 用 户 很 容易 意外 触发 破坏 性 的 操作 。 


费 荧 是 谁 ? 


费 英 法 则 是 以 其 提出 者 保罗 ， 费 茨 (Paul Fitts ) 的 名 字 命 名 的 ， 他 是 一 位 心理 学 家 ， 曾 
任职 于 俄亥俄 州立 大 学 和 密 歌 根 大 学 。 


有 时 越 小 越 好 


屏幕 元 素 设计 得 越 大 越 容易 点 击 , 所 以 有 时 将 那些 具有 破坏 性 的 元 素 设计 得 小 一 些 , 以 免 用 
户 无 意 触发 ， 是 一 种 合理 的 做 法 。 例 如 , 在 Windows 7 系统 的 开始 菜单 中 ,“ 关 机 ”按钮 就 比 菜单 
上 其 他 可 点 区 域 小 。 


ult Programs 


由 Remote Desktop Connection 
的) 


Help and Support 
昌 Mozilla Firefox 


All programs 


Shut down 


要 点 
口 如 果 必 想 让 元 素 更 容 易 点 击 Es WL 填 巴 1 ] 芭 讨 得 人 — 如 果 想 避免 它 作 ] 波 误 点 9 出 L 设计 


得 小 一 些 。 


D 屏幕 边缘 的 元 素 比较 容易 点 击 ， 抛 角 处 的 元 素 最 易 点 击 。 
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口 光标 的 运动 轨迹 要 与 目标 元 素 的 形状 保持 一 致 ， 也 就 是 说 ， 如 果 用 户 水 平移 动 鼠 标 去 点 
击 目标 ， 那 么 水 平 放置 目标 元 素 会 使 其 更 容易 点 击 。 

口 元 素 离 光标 越 近 ， 就 能 越 快 与 之 交互 。 

D 在 可 点 击 的 元 素 之 间 预 留 一 些 空间 。 

延伸 阅读 


查阅 Kevin Hale 的 文章 “Visualizing Fittsxs Law”?"， 可 以 找到 费 茨 法 则 的 的 完美 前 释 。 


GD 详 见 http:/particletree.comyfeatures/visualizing-fitts-law/。 


动 图 


使 用 现代 计算 机 是 一 种 极 强 的 视觉 体验 。 几 乎 所 有 的 操作 都 会 在 屏幕 上 产生 可 视 的 图 像 变 化 。 
写 信 时 ,会 出 现 图 像 和 字符 ; 搜索 时 ,浏览 器 窗口 会 呈现 当前 浏览 的 网 页 ; 阅读 电子 邮件 时 , 信 
息 可 以 通过 可 视 化 的 方式 打开 与 关闭 。 

现代 用 户 界面 既 利 用 了 微小 的 视觉 变化 〈 读 完 一 条 信息 ， 或 者 将 其 标记 为 “未 读 ” 时 ,信息 
旁边 的 小 点 儿 会 消失 或 者 显现 )， 也 用 到 了 极 大 的 视觉 变化 〈 打 开 一 个 不 同 的 网 址 时 ， 浏 览 咒 窗 
口上 所 有 的 内 容 都 会 改变 )。 我 们 很 容易 忽视 变化 或 者 因 很 大 的 变化 而 迷惑 。 

如 果 使 用 得 当 , 动画 可 以 帮助 用 户 理 解 计算 机 上 的 动态 。 动画 有 助 于 解释 屏幕 上 两 种 不 同 的 
视觉 状态 之 间 的 因果 关系 , 吸引 用 户 注意 那些 可 能 被 忽略 的 变化 。 动画 其 至 还 能 帮助 用 户 建立 正 
确 的 关于 产品 工作 方式 的 心智 模型 。 


解释 状态 变化 


视觉 状态 的 变化 很 容易 让 用 户 感到 迷惑 。 如 果 你 正 进行 可 用 性 测试 或 者 在 教 人 使 用 产品 , 通 
常 很 快 就 会 听 到 有 人 问 :“ 刚 刚 发 生 了 什么 ? ” 


我 刚刚 点 击 了 那个 小 按钮 …… 听 ， 窗 己 上 哪 去 了 ? 


如 果 你 听 到 有 人 问 “ 我 刚刚 做 了 什么 ““ 那 个 上 哪 去 了 ? ”或 者 “我 怎么 回 退 ? ”, 那么 你 
很 可 能 发 现 了 一 个 可 以 用 动画 解决 的 问题 。 
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添加 一 点 简单 的 动画 效果 ， 窗口 的 去 向 就 一 目 了 钛 了 
将 两 种 状态 间 的 变化 用 动画 表现 出 来 ， 可 以 让 状态 变化 和 两 种 变化 间 的 关系 显而易见 。 
引导 用 户 的 注意 力 
当 用 户 因 较 大 的 状态 变化 而 迷惑 不 解 时 , 他们 通常 会 问 刚刚 发 生 了 什么 。 错 过 小 的 状态 变化 
时 ， 他 们 典型 的 反应 则 是 :“ 我 刚刚 操作 了 吗 ? 生效 了 吗 ?” 


你 很 可 能 有 过 这 种 经 历 : 点 击 链接 下 载 一 个 文件 ， 结 果 没 反应 ， 你 再 次 点 击 ， 还 是 没 反应 ， 
随后 你 又 点 击 了 几 次 , 直到 发 现 自己 已 经 下 载 了 好 多 个 相同 的 文件 ,计算 机 只 是 没有 通知 你 而 已 。 


我 点 击 下 载 链接 后 ， 发 生 什 么 变化 了 吗 ? 
将 状态 变化 以 动画 的 形式 呈现 出 来 ,使 变化 更 明显 , 可 以 解决 这 类 问题 。 当 用 户 开始 下 载 时 ， 
可 以 展示 一 个 比较 夸张 的 动画 ， 将 用 户 的 视线 从 链接 上 转移 到 下 载 窗口 。 


添加 一 点 简单 的 动画 效果 ， 点 击 下 载 链接 之 后 可 以 明显 看 出 下 载 开始 了 


让 用 户 无 法 错过 正在 发 生 的 事 。 例 如 ， 当 用 户 点 击 下 载 链接 时 ，Chrome 浏 览 需 会 展示 一 个 18 
蓝 色 箭 头 动画 ， 表 明 一 项 新 的 下 载 任务 已 经 开始 ， 并 提示 在 哪里 可 以 找到 下 载 的 文件 。 


Colin Ware 在 《信息 可 视 化 ;一 书 中 指出 , 吸引 用 户 注 意 力 的 不 是 动画 本 身 而 是 新 对 象 的 出 现 。 


远古 时 代 ,， 当 男人 在 山洞 外 面 专心 将 煤 石 打造 成 手 第， 或 者 女人 去 草地 上 收集 植物 
的 根 时 ， 时 刻 警惕 视野 范围 内 新 出 现 的 事物 极其 有 利于 生存 。 突 然 出 现 东 西 很 可 能 预示 
着 危险 和 攻击 -当然 ,进化 优势 可 以 追溯 得 更 远 。 警 惕 视野 范围 内 移动 的 捕食 者 或 猎物 ， 
可 以 为 大 多 数 动物 提供 生存 优势 。 因 此 ， 最 有 效 的 提示 是 ， 一 个 对 象 进入 视野 ， 消 失 ， 
然后 反复 显现 。 


这 一 行为 在 我 们 进化 史上 根深 蒂 固 ， 不 可 磨灭 。 
避免 无 足 轻重 的 动画 


如 前 所 示 ， 人 们 不 会 忽视 视野 范围 内 的 动作 。 我 们 的 注意 力 会 自然 地 被 它 吸引 。 如 果 灌 木 从 
中 有 只 老虎 在 潜行 , 你 表 定 不 想 成 为 最 后 一 个 开始 逃跑 的 人 。 遗 憾 的 是 ， 大 脑 无 法 区 分 是 老虎 在 
动 还 是 动态 广告 在 动 。 


Important Text 我 是 跳舞 多 | 


naturally drawn to it. If you've ever tried to read 3 
article on a website that has animated ads, you 
know how hard it can be to focus on the text; the 
movement at the edge of our vision is constantly 
tempting us to look away from the text. 


In other words, if there's a tiger sneaking thro 
the bushes, you really, really don't want to be the 


an animated ad 
别 看 那些 字 牧 1 
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这 一 类 动画 会 使 用 户 发 疯 ， 让 他 们 无 法 关注 真正 的 内 容 。 
除非 你 真 的 想 打 断 用 户 ， 强 迫 他 们 看 某 个 元 素 ,而 且 动 画 传达 了 相关 的 信息 ， 否 则 不 要 使 用 
动画 。 
帮助 用 户 建立 合适 的 心智 模型 
动画 可 以 影响 用 户 对 于 产品 的 心智 模型 ,动画 传达 的 信息 必须 与 用 户 界面 其 他 部 分 保持 一 致 。 


比如 , 如 果 用 从 右 侧 滑 过 来 的 新 屏幕 蔡 换 当前 屏幕 的 内 容 , 回 退 按钮 应 有 一 个 向 左 指 的 箭头 图 标 。 
和 否则， 这 个 按钮 会 显得 与 动画 格格 不 人 ， 两 种 元 素 暗示 的 模型 相互 冲突 。 


_AJA 


iPhone 上 的 Kinetic 应 用 就 是 一 个 例子 "。 


Woodland 


Helvetica Black 


Helvetica White 


Dashboard Blue 


Dashboard Orange 


Dashboard Green 
Dashboard Pink 


ashboard Yellow Dashboard Yellow 


图 标 和 动画 保持 一 致 。 向 右 指 的 箭头 可 以 让 界面 向 右 移 动 ， 向 左 指 则 可 以 向 左 移动 。 


我 的 安 卓 手机 首页 按钮 就 是 一 个 动画 和 实际 行为 不 一 致 的 例子 。 比 如 我 正在 使 用 某 一 应 用 ， 
然后 点 击 首页 按钮 ,动画 暗示 我 的 界面 向 右 移动 , 但 首页 按钮 的 图 标 (小 房子 ) 并 没有 暗示 任何 
的 空间 关系 。 


Q@ 这 款 应 用 可 以 帮 你 记录 跑步 时 的 相关 信息 ， 详 见 http://wearemothership.com/kinetic。 


实际 上 ， 回 退 按钮 的 箭头 图 标 暗示 移动 回 左 侧 ， 但 点 击 后 并 没有 发 生 任何 空间 变化 。 


四 


点 击 首 页 按钮 但 点 击 左 箭头 
会 引发 右 移 不 会 引发 左 移 


在 新 版 本 的 操作 系统 中 , 谷歌 改变 了 首页 按钮 的 动画 。 在 做 这 个 简单 的 修复 之 前 , 用 户 以 为 
点 击 首页 按钮 离开 应 用 程序 之 后 ， 按 返回 按钮 会 重新 跳 回 到 应 用 程序 。 


要 考虑 用 户 的 心智 模型 。 明 智 地 使 用 动画 来 强化 正确 的 心智 模型 , 避免 建立 错误 的 心智 模型 。 
向 卡通 学 习 

卡通 已 经 发 展 了 上 百年 。 卡 通 动画 师 创 造 了 一 种 精妙 的 视觉 语言 ， 连 小 孩子 都 很 容易 理解 。 
即使 展示 了 大 量 的 元 素 或 者 角色 , 而 且 每 个 都 表现 出 复杂 的 行为 , 我 们 也 能 看 懂 动 画 片 。 Bay-Wei 


Chang 和 David Ungar 在 论文 “Animation: From Cartoons to the User Interface”“ 中 指出 ， 我 们 可 以 
从 卡通 中 学 到 很 多 。 


国 态 

在 现实 世界 中 , 物体 都 是 固态 的 ， 拥 有 质量 、 惯 性 、 重 量 以 及 平衡 性 。 这 些 都 是 人 们 能 直观 
理解 的 属性 。 将 这 些 属性 运用 到 动画 中 ， 可 以 让 用 户 更 容易 了 解 发 生 了 什么 。 

让 用 户 与 对 象 交 互 ， 而 不 要 在 动画 播放 期 间 只 呈现 它们 的 轮廓 或 者 其 他 占 位 符 。 举 个 例子 : 
在 一 些 应 用 程序 中 ， 当 用 户 拖 放 邮 件 时 ， 光 标 下 方 仅 显示 一 个 图 标 ， 而 不 是 被 拖 搜 的 信息 。 这 就 
打破 了 邮件 与 纸 质 书信 相似 的 印象 。 


GD 详 见 https://faculty.washington.edu/aragon/classes/hcde411/wl13/readings/ Chang AnimationInUI UIST93.pdf。 


在 Windows 7 中 ， 文件 在 拖 搜 中 在 Mac 邮 件 中 ， 被 拖 搜 的 消息 抽 和 象 化 了 
仍然 是 文件 的 样子 


要 让 对 象 表现 为 固态 的 ,动画 中 就 不 能 有 明显 的 延迟 ,元 素 的 移动 要 流畅 。Pixar 首 席 创 意 官 
John Lasseter 的 论文 “Principles oftraditional animation applied to 3D computer animation ”中 有 这 样 


几 句 话 : 


随 着 动作 速度 的 提升 ， 两 个 位 置 间 的 距离 也 会 拉 大 。 当 距离 足够 远 时 ， 两 帧 间 的 元 
素 就 不 会 重 登 ， 这 时 肉眼 就 能 感知 到 独立 的 图 像 。 


一 般 说 来 ， 如 果 物 体 在 两 帧 之 间 移 动 超过 自身 尺寸 一 半 的 距离 ,那么 将 物体 在 运动 方向 进 
行 拉 伸 或 者 为 动画 增加 动态 模糊 效果 ,会 让 用 户 认为 物体 是 固态 的 ， 即 使 它 只 是 从 一 处 跳 到 了 


男 一 处 。? 


在 运动 方向 上 进行 拉 伸 敦 者 增加 模糊 效果 ， 可 以 玫 助 人 们 将 运动 的 物体 视 为 固态 的 
现实 世界 中 ,固态 物体 绝 不 会 凭空 出 现在 某 处 .Chang 和 Ungar 建 议 ,要 保持 物体 固态 的 感觉 ， 
物体 需要 从 画面 外 飞信， 由 一 个 点 展开 ， 或 者 淡 入 (退出 时 也 采用 相同 的 方式 )。 
夸张 的 手法 


你 可 以 随意 借助 现实 中 的 可 能 性 , 让 屏幕 上 的 效果 更 加 明显 。 夸 大 动画 的 重要 部 分 有 时 会 让 
动画 看 上 去 更 加 真实 。 类似 于 跳远 之 前 要 先 退 一 步 , 以 一 个 与 主要 运动 相反 的 小 动作 来 开始 动画 
是 个 不 错 的 做 法 。 这 是 夸张 手法 的 一 种 具体 形式 ， 称 为 预见 性 运动 。 


John Lasseter 说 :“ 没 有 预见 性 的 话 ， 很 多 动作 都 会 显得 突 无 、 伪 硬 以 及 不 自然 。” 


@ 正如 Skitch 的 首席 运营 官 和 联合 设计 师 Keith Lang 指 出 的 ， 动 态 模 糊 还 可 以 使 动画 更 佳美 观 ， 详 见 http://www. 
uiandus.com/blog/2009/7/2/blur-the-newblack.html。 
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加 速 与 减速 

真实 的 物体 不 会 以 特定 的 速度 开始 运动 ， 它 必须 经 过 一 个 加 速 的 过 程 。 因 此 ， 动 画 要 缓慢 开 
始 , 加 速 ， 然 后 在 快 结束 时 再 慢 下 来 (通常 称 为 “ease-in” 和 “ease-out”)。 这 一 逻辑 同样 适用 于 
扩张 和 收缩 的 动画 。 


类 似 地 ， 真 实 世 界 中 的 物体 几乎 不 会 沿 着 直线 运动 。 当 你 扔 皮球 时 ， 它 会 以 弧 线 飞 出 去 。 对 
于 某 些 类 型 的 动画 ， 直 接 模 仿真 实物 体 的 行为 比较 合理 。 比 如 ， 当 你 在 苹果 Mac OS X 早 期 版 本 
的 应 用 商店 中 购买 苹果 应 用 时 , 它 会 以 一 道 弧 线 飞 入 Dock 工 具 条 中 。 比较 新 的 版 本 不 再 将 应 用 添 
加 到 Dock 工 具 条 中 ， 而 且 移 除 了 动画 。 

另外， 真实 世界 中 弹 得 之 类 的 东西 会 在 击 中 日 标 后 弹 回 来 ,动画 可 以 模仿 这 种 行为 ,让 动画 
对 象 更 加 通 真 。 

在 2007 年 的 Macworld 大 会 上 ， 史 蒂 夫 :乔布斯 介绍 了 第 一 代 iPhone， 并 展示 了 这 款 设备 流 
畅 、 弹 性 的 滚动 效果 ， 之 后 讲 了 个 小 故事 。 

不 久 前 ,我 给 苹果 公司 内 部 一 个 从 未 见 过 这 款 设 备 的 人 做 了 演示 。 当 我 演示 完 之 后 ， 
他 说 “你 让 我 真切 地 感觉 到 它 在 滚动 ”。 
多 关注 这 类 细节 , 就 可 以 让 那些 揭 强 可 接受 的 、 仅 仅 能 工作 的 设备 为 用 户 带 来 邻 人 愉悦 的 体验 。 


用 户 珊 面 不 是 卡通 


一 定 要 记 住 , 使 用 在 卡通 中 用 到 的 工具 不 是 为 了 将 用 户 界 面 变 成 卡通 ,而 是 为 了 让 用 户 更 容 
易 理解 界面 的 工作 方式 。 


不 要 仅仅 因为 工具 或 者 动画 看 起 来 很 可 爱 或 者 很 华丽 就 使 用 它们 。 比 如 , 一 些 移动 平台 提供 
了 主屏 动态 壁纸 功能 。 虽 然 有 可 能 以 有 意义 的 方式 使 用 这 一 功能 , 但 实际 上 这 些 壁 纸 大 多 只 会 分 
散 用 户 的 注意 力 ， 没 有 展示 任何 有 用 的 信息 或 者 提供 任何 有 用 的 功能 。 

有 时 候 ， 使 用 动画 以 让 产品 使 用 起 来 更 有 趣 是 没有 问题 的 ， 即 使 动画 并 没有 带 来 切实 的 好 
处 。 然 而 要 谨 记 ， 动 夯 会 使 人 分 心 。 以 牺牲 产品 的 可 用 性 来 提高 其 趣味 性 通常 是 不 可 行 的 ( 详 
见 第 29 章 )。 


要 所 


D 使 用 动画 吸引 用 户 注意 微小 或 者 不 易 察觉 的 变化 。 

D 使 用 动画 让 大 的 状态 变化 变 得 易于 理解 。 

口 动画 ， 尤 其 是 视野 边缘 的 动画 ， 很 容易 被 注意 到 。 不 要 滥 动 画 用 ， 不 然 用 户 会 疯 掉 。 
D 你 可 以 用 动画 来 强化 用 户 关 于 产品 的 心智 模型 。 


延伸 阅读 115 


D 我 们 可 以 利用 卡通 动画 的 视觉 语言 : 物体 应 是 固态 的 ， 加 速 和 减速 的 行为 要 有 真实 感 ， 
动作 有 时 也 要 夸张 一 些 。 


延伸 阅读 
Colin Ware 所 著 的 《信息 可 视 化 》 涵 盖 了 动画 的 知识 。Bay-Wei Chang 和 David Ungar 所 著 的 论 
文 “Animation: From Cartoons to the User Interface”" 也 是 不 错 的 资源 。 


Markus Weber 在 博客 ?中 讨论 过 “在 用 户 界面 设计 中 使 用 动画 ”的 话题 。Keith Lang 也 写 过 这 
类 文章 。”Max Steenbergen 也 在 自己 的 博客 中 谈 到 了 这 一 话题 。” 


最 后 , John Lasseter 的 论文 “Principles oftraditional animation applied to 3D computer animation” 


中 涵盖 了 关于 如 何 使 用 动画 的 宝贵 信息 。” 


GD 详 见 https://faculty.washington.edu/aragon/classes/hcde411/wl3/readings/Chang AnimationInUI UIST93.pdf。 
羊 见 http:/www.centigrade.de/en/blogyarticle/animations-in-user-interface-design-essential-nutrient-instead-ofeye-candy/。 
@ 详 见 http:/www.uiandus.com/blog/2009/2/1/interfaces-and-animation.html。 他 还 在 文章 “The Art of Expectations” 中 


mn 
让 - 孙 - 卫 


指出 ， 人 们 会 对 某 些 改变 视而不见 ， 详 见 http://www.uiandus.com/blog/2008/8/25/the-art-of-expectations.html。 
@ 详 见 http://maxsteenbergen.com/old/articles/OfThingsThatChange。 
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Whttp://portal.acm.org/citation.cfm?id=37407。 


第 19 音 
Ee 一 致 性 


“一 致 性 ”是 用 户 界面 评论 中 常用 的 一 个 词 ， 当 我 们 不 喜欢 某 个 用 户 界面 时 , 通常 会 说 它 “ 缺 
乏 一 致 性 "。 
但 是 一 致 性 究竟 是 什么 ? 
韦 氏 词 典 对 “一 致 性 ”的 解释 是 “各 个 部 分 或 功能 彼此 一 致 或 者 协调 ， 或 者 整体 一 致 或 者 协 
调 ”。 简 而 言 之 ， 当 我 们 说 某 个 用 户 界面 不 一 致 时 ， 我 们 的 意思 是 ， 它 与 宿主 系统 或 者 宿主 系统 
中 其 他 流行 的 应 用 程序 不 一 致 ， 或 者 产品 中 不 同 的 功能 之 间 相 互 不 一 致 。 也 就 是 说 ， 它 与 我 们 已 
知 的 其 他 产品 差异 很 大 ， 或 者 同一 产品 中 不 同 部 分 的 工作 方式 各 不 相同 。 


识别 原型 


我 们 讨论 的 是 哪 一 类 的 不 同 呢 ? 


通常 我 们 讨论 的 都 是 外 观 : 元 素 看 上 去 不 太 对 , 应 用 中 的 按钮 看 起 来 不 像 宿主 系统 的 默认 按 
钮 ， 窗 口 看 上 去 外 形 各 异 ， 深 动 条 看 上 去 有 点 怪异 。 


视觉 上 的 不 一 致 非常 明显 ， 所 以 用 户 很 容易 注意 到 。 不 过 请 不 要 被 误导 , 通常 对 于 可 用 性 来 
说 ， 外 观 没 那么 重要 。 用 户 也 不 傻 。 你 不 需要 为 了 让 人 一 眼 就 认 出 来 ， 就 把 元 素 设计 得 与 其 他 同 
类 一 模 一 样 。 比 如 ， 下 面 这 些 按钮 ， 即 使 形 色 各 异 ， 也 都 明显 是 按钮 。 


(第 15 章 已 经 探讨 了 很 多 关于 用 户 界 面 需要 多 少 细节 才 容 易 识 别 的 内 容 ， 此 处 不 再 赣 述 。) 
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同类 元 素 的 外 观 不 需要 完全 一 样 ， 只 要 能 被 快速 识别 就 可 以 。 

你 可 以 通过 一 个 简单 的 可 用 性 测试 来 确定 是 否 存 在 视觉 一 致 性 问题 : 将 用 户 界面 元 素 的 图 片 
(最 好 连同 整个 用 户 界 面 ) 展示 给 用 户 ， 人 然后 问 问 他 们 这 些 是 什么 。 如 果 用 户 能 毫 不 犹 殉 地 指出 
这 些 元 素 是 什么 ， 你 就 不 用 担心 视觉 一 致 性 的 问题 。 

此 处 引用 Ralph Waldo Emerson 的 一 句 话 。 

愚 又 的 一 致 性 是 思想 狭隘 人 士 内 心 的 妖怪 ,被 一 些 政治 家 、 哲 学 家 和 神学 家 所 尊崇 。 

有 再 伟大 的 人 物 也 会 一 事 无 成 

所 以 ， 让 我 们 抛弃 这 些 毫 无 意义 的 一 致 性 ， 去 考虑 那些 一 致 性 问题 真正 重要 的 方面 。 


行为 一 致 性 


擅长 识别 用 户 界 面 元 素 也 会 为 用 户 带 来 一 个 小 问题 : 他 们 会 随意 地 运用 已 有 的 心智 模型 。 用 
户 界面 元 素 与 用 户 已 知 的 事物 越 像 ， 他 们 就 越 期 望 用 户 界 面 的 行为 与 已 知事 物 的 行为 一 致 。 


下 面 这 些 看 上 去 都 是 滞 动 条 ， 但 是 ……， 


饼 标 滚轮 计 不 像 用 户 点击 箭头 不 会 出 现 拖 动 汕 块 不 会 出 现 用 户 
预期 的 那样 工作 用 户 预 期 的 效果 预期 的 效果 


这 一 问题 常常 出 现在 自 定义 的 用 户 界面 中 , 有 时 你 需要 开发 这 类 界面 。 由 于 用 户 会 将 已 有 的 
人 你 要 确保 这 些 元 素 的 行为 与 常用 的 元 素 完 全 一 致 。 如 果 你 违 
背 了 他 们 的 预期 ， 他 们 会 迷惑 、 诅 丧 甚 至 发 既 。” 


以 Adobe 公 司 的 Photoshop 为 例 ， 它 在 Mac 上 运行 时 的 窗口 看 上 去 与 Mac 原 生 的 窗口 几乎 一 模 
一 样 ， 但 其 实则 不 然 。 


Q@ 如 果 你 打算 重新 实现 已 有 的 用 户 界 面 元 素 ， 切 记 考虑 好 它们 的 无 障碍 功能 。 这 些 功 能 对 你 来 说 可 能 不 是 很 明显 ， 
但 是 如 果 忽 视 它们 ， 就 意味 着 有 使 用 障碍 的 人 可 能 没 办 法 使 用 你 的 自 定义 用 户 界面 元 素 。 
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同门 四 Untitled-1@ 100% (RCB/8) A NM untitled folder fs) 
0 
PHOTOSHOP FINDER 


Adobe 实 现 了 自 定义 的 窗口 。 遗 憾 的 是 ，Adobe 把 某 些 行为 搞 错 了 。 比 如 ， 当 用 户 点 击 Mac 
中 原生 窗口 的 关闭 按钮 时 ， 按 钮 会 变 暗 一 点 ， 以 提示 用 户 已 经 点 击 了 按钮 。Adobe 的 按钮 却 不 是 
这 样 。 虽 然 仅 有 一 点 小 区 别 ， 但 是 Adobe 没 有 处 理 好 的 一 个 小 细节 引起 了 小 小 的 混乱 ， 每 次 用 户 
注意 到 关闭 按钮 时 ， 都 会 停顿 一 小 会 儿 ， 怀 疑 哪里 出 了 问题 。 

如 果 你 不 想 让 自 定义 的 界面 元 素 的 行为 与 常规 的 用 户 界 面 元 素 一 样 , 就 把 它 设计 得 与 常规 元 
素 完全 不 同 ， 以 免 用 户 将 你 自 定 义 的 界面 元 素 当 作 常 规 元 素 。 这 样 一 来 ,他 们 也 就 不 会 将 已 有 的 
心智 模型 应 用 在 你 自 定义 的 、 不 一 致 的 元 素 上 。 这 真 的 很 难 实现 。 深 动 条 、 窗 口 、 按 钮 以 及 菜单 
等 元 素 的 样式 一 般 没有 太 大 的 出 入 。 想 要 自己 开发 一 个 和 常用 的 滚动 条 完全 不 同 的 版 本 ， 以 避免 
用 户 将 对 滚动 条 的 预期 应 用 到 你 的 版 本 上 ， 这 几乎 不 可 能 实现 。 


最 好 沿用 常见 用 户 界面 元 素 ， 不 要 改变 它们 的 标准 行为 。 
应 用 内 部 的 一 致 性 

以 上 讨论 的 只 是 与 宿主 操作 系统 保持 一 致 性 。 由 于 用 户 很 熟悉 系统 的 工作 方式 , 任何 轻微 的 
认 差 都 会 被 视 为 错误 。 

那么 你 的 应 用 呢 ? 是 否 应 该 让 应 用 内 部 也 保持 一 致 性 呢 ? 

无 疑 应 该 这 么 做 ,但 是 有 一 个 很 重要 的 条 件 。 


保持 一 致 并 不 是 让 所 有 的 对 象 看 起 来 都 一 样 ， 而 是 要 证 行为 一 致 的 元 素 外 观 相 同 , 行为 不 同 
的 元 素 外 观 不 同 。 事 实 上 ， 比 起 外 观 不 同 但 行为 相同 的 元 素 ， 外 观 相同 而 行为 不 同 的 元 素 更 容易 
引发 问题 ， 造 成 困惑 。 

举 个 例子 ,我 曾 用 过 一 款 应 用 ,里 面 有 两 种 选项 卡 , 静 态 选 项 卡 允 许 用 户 在 不 同 视 图 间 切 换 ， 
可 拖 搜 的 选项 卡 允 许 用 户 在 不 同 的 对 象 间 切 换 。 可 拖 搜 的 选项 卡 能 重新 排列 顺序 , 静态 的 选项 卡 
正如 其 名 ， 是 静态 的 。 


选项 卡 | 。 ”选项 2 选项 卡 3 | 过 项 1 有 选项 2 | 选项 下 3 | 


静态 选项 卡 可 拖 搜 选项 卡 
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由 于 它们 都 是 选项 卡 , 我 们 也 想 让 它们 都 被 识别 为 选项 卡 , 所 以 二 者 的 外 观 要 设计 得 辨识 度 
非常 高 ， 样 式 要 完全 不 同 。 这 样 就 能 保证 用 户 领 悟 我 们 的 意图 : 它们 都 是 选项 卡 ， 但 类 型 不 同 。 


要 所 


口 人 们 很 擅长 识别 用 户 界面 元 素 ， 所 以 无 需 将 用 户 界面 元 素 的 外 观 设 计 得 一 模 一 样 。 

口 外 观 相 似 的 元 素 ， 其 行为 要 一 致 ， 因 为 用 户 会 将 已 有 的 心智 模型 应 用 在 它们 身上 。 

口 如 果 你 不 得 不 为 常用 的 用 户 界 面 元 素 开 发 行为 不 同 的 版 本 ， 那 么 要 确保 它 的 外 观 大 为 不 
同 ， 这 样 用 户 才 不 会 有 错误 的 预期 。 你 肯定 不 想 设计 与 常见 的 、 外 观 类 似 的 元 素 的 行为 
模式 不 符 的 用 户 界面 元 素 ， 这 会 让 用 户 诅 丧 。 

口 想 要 正确 地 运用 一 致 性 ， 比 “外 观 一 致 ”更 重要 的 是 确保 行为 不 同 的 元 素 ， 外 观 也 不 同 。 


延伸 阅读 


在 37signals 公 司 的 Getting Real [FHL09] 一 书 中 , 作者 简明 扼要 地 指出 :“ 如 果 你 的 设计 不 一 致 
反而 更 有 意义 ， 那 么 不 一 致 是 完全 可 以 的 。” 


Joel Spolsky 的 User Interface Design for Programmers 一 书 中 也 涉及 了 一 致 性 这 个 主题 。 
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IE 可 发 现 性 


设计 师 用 可 发 现 性 来 描述 用 户 能 否 发 现 并 使 用 某 一 功能 。 从 用 户 的 角度 来 看 , 可 发 现 性 很 重 
要 ， 如 果 用 户 发 现 不 了 或 者 使 用 不 了 某 个 功能 ， 那 它 无 异 于 不 存在 。 

这 一 概念 似乎 很 浅显 易 懂 ,但 其 意义 不 仅仅 在 于 让 元 素 对 用 户 可 见 。 屏 幕 的 空间 是 有 限 的 ， 
不 是 所 有 功能 都 需要 同等 的 曝光 度 , 所 以 优先 考虑 的 是 优先 级 问题 : 你 需要 为 用 户 展示 哪些 功能 ? 
另 一 个 需要 重点 考虑 的 点 是 用 户 的 意图 很 重要 。 根 据 用 户 的 不 同 目标 , 要 为 他 们 提供 差异 化 的 功 
能 。 除 了 决定 问题 的 优先 级 ,你 还 要 搞 清楚 某 个 功能 需要 被 发 现 的 时 机 。 解决 了 以 上 两 个 问题 之 
后 ， 还 有 最 后 一 个 问题 : 如 何 让 功能 变 得 可 发 现 ? 

下 面 让 我 们 逐步 了 解 哪些 功能 需要 可 发 现 、 何 时 需要 可 发 现 性 以 及 如 何 实现 可 发 现 性 。 


哪些 功能 需要 可 发 现 


可 发 现 性 通常 也 需要 权衡 。 让 一 个 元 素 更 具 可 发 现 性 ， 意 味 着 要 降低 其 他 元 素 的 可 发 现 性 。 
因此 ， 首 先 要 决定 将 哪些 功能 设计 得 更 易 被 发 现 ， 以 及 产品 的 哪些 部 分 的 可 发 现 性 可 以 弱 一 些 。 
有 时 候 ， 如 果 你 知道 用 户 能 够 找到 并 使 用 所 需 的 功能 ， 那 么 将 这 些 功 能 隐藏 起 来 也 没 问题 。 

比如 ， 很 多 浏览 器 附带 一 些 只 有 Web 开 发 者 会 使 用 的 功能 。 这 些 功 能 默认 是 关闭 的 ,但 是 目 
标 用 户 有 能 力 找到 这 些 功能 ， 而 且 知道 如 何 激活 它们 。 

在 Safari 浏 览 咒 中 , 打开 设置 窗口 , 切换 到 高 级 选项 卡 , 然后 选择 “在 菜单 栏 显 示 开 发 菜单 ” 
选 框 ， 就 可 以 使 用 上 述 功能 
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@®@0o00 Advanced 


日 二 yA 时 @® | OO 六 


General Tabs AutoFill Passwords Search Security Privacy Notifications Extensions Advanced 


Smart Search Field: Show full website address 


Accessibility: [] Never use font sizes smaller than |9 | 到 
OO Press Tab to highlight each item on a webpage 
Option-Tab highlights each item 


Bonjour: Include Bonjour in the Bookmarks menu 
Include Bonjour in the Favorites bar 


Internet plug-ins: Stop plug-ins to save power 


Style sheet: | None Selected 图 


Default encoding: | Western (ISO Latin 1) 


Proxies: | Change Settings.,.. 


Show Develop menu in menu bar © 


决定 了 哪些 功能 必须 容易 发 现 , 哪些 功能 可 以 隐藏 后 , 你 需要 给 予 重要 功能 更 大 的 权重 。 绝 
不 能 让 每 个 功能 都 一 样 显眼 。 
下 面 是 三 个 热门 网 站 的 例子 。 


BASECAMPHO-COM APPLE-COM AMAZON-CONM 


37signals 公 司 的 Basecamp 网 站 的 主页 把 重点 放 在 吸引 新 客户 上 ; 计划 、 定 价 和 功能 占据 了 网 
页 的 中 心 部 分 。 而 “技术 支持 ”和 “登录 ”链接 这 类 元 素 则 位 于 边缘 。 


苹果 官网 把 最 新 的 产品 置 于 显眼 位 置 , 其 他 产品 的 导航 条 则 占据 了 很 小 的 一 部 分 空间 , 而 其 
他 元 素 所 占 的 空间 更 是 微乎其微 。 


亚马逊 尤其 注重 导航 , 为 产品 分 类 菜单 和 搜索 功能 提供 了 很 大 的 空间 。 由 于 亚 马 偿 售卖 很 多 
不 同 的 商品 ， 让 导航 和 搜索 功能 易 被 发 现 是 首页 最 重要 的 目标 。 


你 应 该 首先 找到 那些 重要 的 功能 , 然后 优先 将 它们 设计 得 易 被 发 现 。 你 还 应 该 考虑 每 个 功能 
的 目标 用 户 。 如 果 目 标 用 户 针 对 这 个 功能 的 使 用 经 验 很 丰富 , 那么 稍微 降低 它 的 可 发 现 性 也 是 可 
以 的 。 

在 37signals 和 苹果 的 例子 中 ， 设 计 师 很 可 能 认为 面向 已 有 客户 的 功能 可 以 不 那么 明显 ， 因 为 
这 些 人 已 经 知道 如 何 找到 它们 了 。 潜在 的 新 客户 使 用 该 网 站 的 经 验 较 少 , 所 以 面向 这 些 人 的 功能 
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有 些 情 况 下 ,你 可 以 将 功能 设计 得 不 那么 容易 被 发 现 ， 比 如 某 个 功能 没 那么 重要 ,或 者 用 户 
可 以 通过 其 他 方式 找到 它 。 例 如 ， 在 iPhone 的 触 屏 上 用 两 根 手指 控制 图 片 缩放 ， 这 一 功能 不 易 被 
发 现 ， 但 是 不 知道 这 个 功能 并 不 妨碍 使 用 Phone。 而 且 ， 这 一 功能 非常 棒 ， 知 道 的 用 户 会 告诉 那 
些 不 知道 的 用 户 , 如 此 创造 了 一 种 在 应 用 程序 外 部 发 现 功能 的 方式 。 用 两 根 手 指 缩放 图 片 这 个 功 
能 如 此 简单 ， 用 户 一 旦 知道 了 就 很 容易 记 住 ， 而 且 它 在 许多 不 同 应 用 中 的 工作 方式 一 致 。 所 以 ， 
用 户 一 旦 学 会 使 用 ， 就 不 可 能 忘记 它 的 存在 。 


总 结 一 下 ， 满 足 如 下 条 件 的 常用 功能 可 以 设计 得 不 那么 容易 发 现 。 


口 即使 用 户 不 知道 该 功能 的 存在 ， 也 不 影响 使 用 产品 。 
口 即使 该 功能 没 那么 明显 ， 用 户 也 有 可 能 找到 它 。 
口 该 功能 很 简单 、 很 吸引 人 ， 而 且 用 法 一 致 ， 用 户 一 旦 知道 它 的 存在 就 会 记 住 它 。 


何 时 功能 需要 易 被 发 现 
并 不 是 产品 的 每 个 功能 都 时 刻 有 用 。 用 户 当 前 的 任务 , 决定 了 哪些 功能 重要 。 因 此 , 决定 了 
哪些 功能 应 该 隐藏 之 后 ， 你 还 要 考虑 它们 何 时 需要 易于 发 现 。 

用 户 需 要 用 产品 完成 哪些 不 同 的 任务 ?你 能 依据 用 户 使 用 产品 的 方式 判断 他 们 的 目的 吗 ? 
如 果 可 以 ,你 能 让 用 户 界面 去 适应 用 户 当前 的 任务 , 并 且 凸 显 他 们 可 能 需要 的 功能 ,同时 弱化 其 
至 隐藏 那些 与 任务 相关 度 较 低 的 功能 吗 ? 

举 个 例子 , 假设 你 正 开 发 一 款 矢 量 绘图 应 用 。 这 类 应 用 的 一 个 重要 功能 是 旋转 物体 。 为 了 让 
这 一 功能 易于 发 现 ， 你 可 以 将 它 置 于 工具 条 或 者 检视 窗口 中 。 


但 是 这 样 , 你 就 需要 一 个 工具 条 或 者 一 个 检视 窗口 。 你 还 要 确保 在 用 户 未 选中 任何 元 素 的 情 
况 下 ,“ 旋 转 ” 属 性 处 于 禁用 状态 。 换 名 话说 ， 你 增加 的 用 户 界面 元 素 会 打 乱 原 有 的 用 户 界面 ， 
无 论 用 户 是 否 选 中 了 某 个 元 素 。 这 么 做 还 会 凸显 用 户 可 能 不 常用 的 功能 , 削弱 那些 当前 可 能 对 用 
户 更 重要 的 功能 的 易 见 性 。 

然而 ,我 们 只 想 在 用 户 真 正 想 使 用 这 一 功能 的 时 候 凸显 它 。 因 此 ,与 其 将 “旋转 ”属性 设 
置 为 一 直 可 见 的 全 局 属性 ,不 如 在 用 户 选中 一 个 对 象 后 才 显 示 它 。 实 现 这 个 效果 的 一 种 方式 是 
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eal 


使 用 上 下 文 或 者 模 态 用 户 界面 。 例 如 ， 当 用 户 选中 一 个 对 象 时 ， 可 以 弹出 一 个 支持 “旋转 ”上 忆 


性 的 弹 框 元 素 。 


还 需要 邀请 用 户 帮 我 们 进行 测试 。) 


( 当然 ， 要 想 知道 这 是 否 有 效 ， 
如 何 实现 功能 可 发 现 性 

目前 为 止 , 我 们 考虑 了 产品 元 素 的 重要 性 , 深入 研究 了 它们 何 时 比较 重要 。 现 在 , 我们 来 研 
究 一 下 如 何 让 它们 可 发 现 。 


空间 属性 

你 可 以 使 用 尺寸 、 位 置 、 形 状 和 颜色 等 属性 ,将 应 用 中 不 同 的 元 素 设计 得 更 加 容易 ( 或 者 更 
加 不 易 ) 发 现 。 元 素 越 大 ， 就 越 容易 被 发 现 。 将 元 素 置 于 窗口 或 屏幕 的 左上 或 左下 角 , 会 让 它们 
更 易 被 发 现 。" 某 些 颜 色 ( 尤其 是 红色 ) 表明 元 素 更 加 重要 。 你 也 可 以 用 这 些 属 性 弱化 那些 你 认 


为 不 太 重 要 ， 但 是 仍然 需要 显示 在 某 个 地 方 的 元 素 。 8 加 


颜色 
最 近 ， 用 户 界面 中 的 颜色 呈现 出 了 减少 的 趋势 。 比 如 ， 革 果 的 iTunes 就 使 用 单 色 图 


标 蔡 代 了 彩色 图 标 。 

从 可 用 性 的 角度 来 看 ,使 用 颜色 是 有 益 的 。 颜 色 可 以 让 元 素 更 易 被 感知 。 我 们 的 大 
脑 真 的 很 擅长 完成 “在 屏幕 中 找到 绿色 图 标 ” 这样 的 任务 。Colin Ware 在 《信息 可 视 化 》 
中 指出 ee de 
经 识别 出 了 它们 。 换 和 句 话 说 ， 当 我 们 看 一 个 用 户 界面 时 ,能够 快速 、 轻 松 地 找到 并 识别 
出 有 特定 颜色 的 用 户 界面 元 素 。 

使 用 颜色 ( 比如 用 来 区 分 图 标 )， 
精确 地 识别 颜色 。 


但 是 不 要 完全 依赖 颜色 ， 因 为 并 不 是 所 有 人 都 能 


用 户 浏览 网 页 时 真实 的 关注 点 进行 了 统计 ， 20 


“F 模 式 ”， 因 为 在 眼 动 跟踪 研究 中 ， 对 上 
屏幕 上 的 大 大 的 字母 F。 具 体 示例 详 见 http://www.useit.com/eyetracking。 
ji 中 。 我 们 不 想 让 五 颜 六 色 的 用 户 界 面 影响 用 户 对 图 片 的 感知 ( 比如 在 


Q@ Jakob Nielsen 将 此 现象 称 为 
此 形成 的 热点 图 就 像 合 加 在 用 户 
@ 中 性 色 也 会 用 在 生成 内 容 的 应 用 的 用 户 界 
图 片 编辑 工具 中 )。 
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用 户 期 望 

一 旦 用 户 使 用 了 产品 一 段 时 间 ， 他们 就 会 了 解 哪 些 部 分 比较 重要 。 为 了 保持 一 致 ， 每 个 屏幕 
都 应 当 采 用 相同 的 布局 。 不 要 出 现 这 种 情况 : 这 个 视图 中 重要 元 素 放 在 屏幕 左 侧 ,而 下 一 视图 中 
却 放 在 右 侧 。 

类 似 地 ,如 果 用 户 对 于 产品 的 工作 方式 已 经 建立 了 心智 模型 , 他 很 可 能 对 元 素 应 处 的 位 置 有 
根深 蒂 固 的 想法 。 通 常 你 可 以 利用 这 种 期 望 ， 将 元 素 设计 得 更 容易 ( 或 不 易 ) 被 发 现 ( 更 多 相关 
内 容 ， 参 见 第 11 章 )。 


搜索 


当 用 户 不 能 立即 找到 需要 的 内 容 时 ,他们 会 使 用 产品 的 搜索 功能 ,前 提 是 他 们 能 找到 它 。 为 
了 让 帮助 用 户 使 用 搜索 功能 ， 你 需要 做 好 以 下 三 点 。 
口 提供 搜索 功能 。 
D 让 搜索 功能 易于 发 现 。 
口 确保 搜索 功能 会 给 出 有 用 的 结 


最 后 一 点 通常 是 最 难 的 。 幸 运 的 是 ， 你 可 以 从 第 8 章 做 的 卡片 分 类 中 获取 一 些 信息 。 这 有 助 
于 找 出 该 用 什么 样 的 术语 描述 搜索 结果 。 用户 当 时 使 用 了 何 种 类 型 的 词语 ?如 果 用 户 将 这 些 词语 
输入 搜索 引擎 ， 能 否 得 到 期 望 的 结果 ? 

男 一 种 提升 搜索 结果 质量 的 方法 是 , 观察 当 搜 索 功能 可 用 时 ,用 户 是 如 何 使 用 的 。 尤 其 要 注 
意 那 些 没有 返回 结果 或 返回 少量 结果 的 搜索 词 , 以 及 网 站 返回 了 搜索 结果 但 用 户 却 没有 点 击 其 中 
任何 一 条 的 情况 。 


动画 
动画 是 吸引 用 户 注意 力 的 最 强 有 力 的 工具 。 明智 而 慎重 地 使 用 动画 ; 不 要 对 那些 长 时 间 显 示 
的 元 素 使 用 动画 。 关 于 动画 的 更 多 知识 ， 详 见 第 18 章 。 


要 所 
D 首先 决定 哪些 元 素 需 要 易于 发 现 ， 哪 些 可 以 隐藏 在 其 他 地 方 。 然 后 ， 为 需要 易于 发 现 的 
元 素 分 配 权重 ， 并 依 此 进行 设计 。 


口 切记 不 是 所 有 的 功能 都 要 一 直 处 于 可 用 状态 。 不 同 的 元 素 可 以 在 不 同 的 时 间 段 易于 发 现 。 
口 利用 可 视 化 布局 、 优 质 的 搜索 功能 ,以 及 ( 在 少数 场景 中 ) 动画 , 将 元 素 设 计 得 易于 发 现 。 


第 21 章 
不 要 打 断 用 户 


心理 学 教授 Mih 和 ily Csfkszentmih&lyi 在 《幸福 的 真意 》 一 书 中 解释 说 ， 当 人 全 身心 投入 到 某 
项 活动 中 时 ,会 达到 一 种 全 神 贯 注 的 状态 , 这 种 状态 称 为 心 流 。 这 就 是 人 们 常 说 的 “进入 了 状态 ”， 
也 就 是 一 心 一 意 沉浸 在 某 一 任务 中 。 
通常 ,我 们 要 花 一 点 时 间 才 能 进入 最 佳 状态 ,而 且 这 种 状态 很 容易 被 打 断 。 可 能 我 现在 正 全 
心 全 意 地 写本 章 内 容 , 但 是 突然 , 计算 机 发 出 叮 的 一 声 。 我 想 :“ 来 新 邮件 了 !” 接 下 来 的 五 分 钟 
我 就 花 在 了 阅读 邮件 上 。 这 样 ， 我 就 退出 了 心 流 状态 。 

被 打 断 是 有 后 果 的 。 你 不 仅 要 花 时 间 去 处 理 打 断 你 的 事 , 还 要 花 时 间 重 新 回 到 被 打 断 的 事务 
上 ， 如果 能 够 继续 下 去 的 话 。 最 近 微 软 的 一 项 研究 表明 ,被 新 邮件 或 者 即时 消息 打 断 后 ,微软 的 
员工 平均 要 花费 15 分 钟 才能 重新 回 到 之 前 的 任务 中 。 人 都 很 容易 分 心 , 通常 被 干扰 后 要 花费 很 长 
时 间 才 能 恢复 状态 。” 


因此 , 打 断 别人 会 浪费 时 间 ， 也 很 让 人 心烦 ， 有 时 甚至 有 点 鲁莽 。 毕 部 , 打 断 是 一 种 外 部 影 
啊 ， 会 阻挠 人 们 做 正 手头 的 事 。 


只 要 有 可 能 ， 你 都 应 该 避免 打 断 用 户 。 这 样 也 就 避免 了 破坏 他 们 的 心 流 。 


@ Steve Lohr 在 《纽约 时 报 》 的 一 篇 文章 中 对 一 些 研 究 进行 了 总 结 ， 详 见 http://www.nytimes.com/2007/03/25/business/ | 
25multi.html。 
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为 用 户 做 决定 
> Autoplay 号 | 如 果 你 能 蔡 用 户 做 决定 , 那 就 做 吧 。 无 需 征求 他 们 的 
Removable Disk (G:) 意见 。 

一 例如 , 每 次 我 将 读 卡 器 搬 和 人 搭载 Windows 系 统 的 计算 
Always do this for pictures: 机 中 屏幕 上 都 会 自 动 显示 “可 移动 磁盘 ” 的 信息 。 
Pictures options 

[el i and videos 问题 是 » 我 想 将 读 卡 器 里 的 4GB 存 储 卡 当 作 备份 磁盘 

ee 的 可 能 性 有 多 大 呢 ? 又 有 多 少 用 户 会 点 击 “ 使 用 Windows 
| Phe Pes! rks 导入 图 像 和 视频 ”按钮 呢 ? 为 何不 直接 默认 了 J 开 存 储 卡 的 
Me be 窗口 ,而 非 要 用 大 多 数 人 根本 不 会 看 的 一 堆 选 项 来 打扰 用 
a using Windows Backup 户 ? 
View more Autoplay options in Control Panel 


我 使 用 iPhone 时 经 常会 出 现下 列 情形 : 在 一 款 应 用 的 
内 部 ， 我 做 了 某 个 具体 的 选择 ， 比 如 ， 在 视频 播放 器 里 点 击 “ 播 放 ”， 或 者 在 Twitter 客户 端点 击 
一 个 链接 , 但 是 应 用 并 没有 按 我 的 意思 去 做 ， 而 是 抛 出 一 个 界面 ， 提 供 了 额外 的 选项 。 下 面 是 两 
个 例子 。 


Air Video 是 iDS 设 备 上 一 款 出 色 的 流 媒 
体 应 用 ， 但 会 在 用 户 点 击 “ 播 放 ” 时 询问 用 
户 和 希望 从 哪里 开始 播放 视频 。Twitter 客 户 端 
Osfoora 则 会 在 用 户 点 击 链 接 时 ， 询 问 用 户 是 
想 浏 览 Web 页 面 还 是 将 其 添加 到 Instapaper 中 。 

这 两 种 对 用 户 的 打 断 都 完全 没 必要 。 直 
接替 用 户 决 定 就 行 。 选 择 用 户 最 有 可 能 选择 
的 选项 ， 并 提供 一 个 更 改选 择 的 方式 即 可 。 

例如 ， 在 用 户 选 择 播 放 一 个 视频 之 后 ， 
直接 在 上 一 次 结束 的 位 置 开 始 播放 就 好 ,这 很 可 能 符合 用 户 的 期 望 。 就 算 不 符合 ,他 也 能 轻松 地 
跳 到 视频 的 开头 。 同 样 ， 如 果 用 户 点 击 了 一 个 链接 , 那 就 直接 打开 链接 页 面 吧 ， 这 很 可 能 就 是 他 
想 要 的 。 然 后 ， 提 供 一 个 将 打开 的 页 面 添加 到 Instapaper 的 功能 即 可 。 


提前 加 载 选项 


在 一 些 场景 下 ， 你 不 得 不 让 用 户 自 己 做 决定 。 这 种 情况 下 ， 最 好 提前 加 载 尽 可 能 多 的 选项 ， 
这 样 用户 就 能 一 次 选 完 ， 之 后 就 不 会 再 被 打扰 了 。 例如 ,最 好 在 软件 安装 过 程 的 一 开始 就 让 用 户 
输入 软件 许可 信息 ， 而 不 要 在 安装 过 程 中 间 中 止 安装 ， 要 求 他 们 提供 许可 数据 。 

下 面 是 另 一 个 根本 不 需要 打上 断 用 户 的 例子 : OpenOffice.org。 


Last Position (1:00:30) 


Cancel 


Cancel 
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OO OpenOffice.org 3.2 


OpenOffice.org Writer has searched to the end of the document. Do you 
want to continue at the beginning? 


与 其 在 用 户 搜索 时 打 断 用 户 , 不 如 直接 在 搜索 对 话 框 中 增加 一 个 选项 , 比如 BBEdit* 的 做 法 。 


Find: OO- 
[8] Caos) 


| 


Replace: 


Replace All 


Matching: 口 Case sensitive Cr 
Search in: [DD Selected text on 

最 好 的 做 法 是 不 询问 用 户 ， 默 认 选 择 环 绕 查 找 模式 ， 但 在 搜索 折 回 时 展示 一 个 简短 的 动画 ， 
这 样 用 户 不 想 环绕 查找 时 就 可 以 停止 搜索 。 


仅 为 真正 紧急 的 决定 打 断 用 户 


永远 不 要 仅仅 为 了 告知 用 户 发 生 了 某 事 而 打扰 用 户 。Mozilla 前 火狐 创意 总 监 AzaRaskin 说 过 ， 
无 需 用 户 做 决定 的 打 断 效用 为 零 ， 因 为 用 户 只 能 做 一 件 事 ; 用 户 不 会 给 计算 机 任何 新 指令 , 无 论 
他 对 这 类 打上 断 做 出 何 种 反应 。? 


Lukas Mathis 


Hey, here's aterribly important 


| message for you. Immediately drop 


everything you're doing and read it! 


用 户 在 此 类 场景 中 真正 解读 到 的 意思 如 下 。 


OD 
@ 


册 http://barebones.com。 


tt tk 


Whttp://www.azarask.in/blog/post/know_when to_stop_designing quantitatively/。 
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我 强制 你 停止 手头 的 事 ! 现在 读 一 下 这 个 ! 


你 收 到 了 一 条 新 文本 信息 。 


如 果 信 息 不 是 特别 重要 ,就 别 显 示 它 。 如 果 信 息 重要 但 是 不 需要 立即 处 理 , 可 以 在 不 打 断 用 
户 的 前 提 下 显示 。 比 如 , 你 可 以 使 用 非 模 态 的 、 无 干扰 的 方式 提醒 用 户 ， 这 样 用 户 可 以 继续 做 手 
头 的 事 (参见 第 23 音 )。 下 图 显示 了 HP 的 webOS 是 如 何 向 用 户 展示 新 信息 的 : 


收 到 新 信息 时 , 带 有 小 信息 图 标的 黑色 条 带 会 从 屏幕 底部 滑 上 来 。 触摸 这 个 条 带 会 显示 这 条 
言 息 的 详情 。 触 摸 信 息 本 身 ， 则 会 在 应 用 中 打开 它 。 


打 断 是 无 礼 的 


除非 你 没有 其 他 选择 ， 只 能 要 求 用 户 输入 信息 ， 或 者 你 当下 急需 该 信息 ， 否 则 别 打 断 他 们 ， 
这 真 的 很 无 礼 。 


要 所 


D 不 要 打 断 用 户 。 这 样 成 效 甚 微 ， 还 会 让 用 户 不 高 兴 ， 而 且 也 很 不 礼貌 。 

口 为 用 户 做 决定 ， 而 不 是 询问 他 们 。 

口 如 果 你 不 能 为 用 户 做 决定 ， 那 就 一 次 性 问 完 所 有 需要 知道 的 信息 ， 而 不 是 每 遇 到 一 个 新 
问题 就 去 打 断 用 户 。 

口 如 果 必 须 通 知 用 户 某 事 ， 至 少 尽量 避免 干扰 用 户 ， 这 样 他 们 可 以 在 方便 时 进行 处 理 。 


延伸 阅读 


Mihdly Csikszentmih&lyi 在 《幸福 的 真意 》 中 阐述 了 专注 于 任务 而 不 被 打扰 的 重要 性 


O 


使 用 撤销 代替 打 断 


你 是 否 曾 经 在 收 到 计算 机 提醒 的 情况 下 , 仍然 做 出 思春 的 
想 :“ 我 知道 自己 在 干什么 , 深 开 ,电脑 1” 


有? 你 


hu 


直接 关闭 了 提醒 ,因为 你 心 


ea Are you sure You want to close this 
window? 
5tabs are open in this window. Do you want to close 


the window anyway? 


[Do not warn when closing multiple pages 


CE ) 人 


我 就 经 常 这 样 。 我 们 早已 对 这 种 提醒 框 习 以 为 常 ， 甚 至 不 再 有 意识 地 注意 它们 。“ 你 确定 


下 是 的 ， 是 的 ， 如 果 我 不 确定 就 不 会 点 击 这 个 按钮 ， 对 吧 ? “你 确定 要 删除 ……? ”是 ， 
是 ,我 真 的 想 删 。“ 你 将 无 法 恢复 ……” 是 ! 是 ! 是 ! 不 ,等 等 ,我 刚刚 做 了 什么 ? 


在 我 们 心中 ,这些 警告 是 麻烦 ， 点 击 “OK” 就 能 消除 。 最 终 ， 我 们 会 条 件 反射 似 地 把 警告 


框 关 闭 。 心 理学 家 将 此 现象 称 为 习惯 化 。 大 多 数 时候 ， 对 话 框 和 背景 噪声 一 样 ， 是 恼人 的 干扰 元 
素 ， 所 以 我 们 习惯 忽视 它们 。 然 而 ， 意 识 到 问题 时 ， 我 们 已 经 点 击 了 OK 按钮 〈 正 如 下 图 所 示 )。 


警告 框 很 适合 用 于 将 责任 推 给 用 户 一 一 毕竟 他 们 应 该 读 了 警告 信 
没 能 有 效 地 阻止 用 户 犯 错 。 


息 , 对 吧 ? 然而 , 警告 框 却 
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你 想 实 现 的 效果 


亲爱 的 用 户 ， 你 正在 执行 危险 的 操作 。 请 稍微 考虑 一 下 ， 
你 真 的 要 这 样 做 吗 ? 


天 哪 ， 谢 谢 你 阻止 了 我 ! 没事 ， 我 就 是 要 这 么 做 。 


实际 效果 


虽然 你 正 忙 着 做 重要 的 事情 ， 但 是 我 还 是 要 打 断 你 ， 
因为 你 正在 .….…… 


不 管 怎样 ， 别 管 我 ， 我 在 这 里 工作 ! 


幸运 的 是 ， 多 数 情况 下 ， 我 们 可 以 提供 比 警 告 框 更 好 的 解决 方案 。 
允许 用 户 撤销 操作 

与 其 强制 用 户 处 理 接连 不 断 的 警告 ， 不 如 允许 用 户 撤销 操作 ,这 样 更 加 简单 、 透 明 。 让 撤销 
功能 仅 在 用 户 无 意 中 执 行 了 某 个 操作 时 才 可 见 。 一 旦 意外 发 生 ， 用 户 很 容易 回 退 到 上 一 步 。 

值得 注意 的 是 ， 要 让 用 户 信任 你 的 撤销 功能 ;也 就 是 说 ， 撤 销 功能 要 覆盖 尽 可 能 多 的 操作 ， 
还 要 提供 多 级 的 “深度 ”撤销 功能 ， 证 用 户 不 仅仅 可 以 撤销 最 近 的 操作 。 如 果 撤 销 功能 不 可 靠 ， 
或 者 撤回 的 步 数 不 够 多 ,用 户 会 对 你 的 应 用 失去 信任 。 他 们 探索 新 功能 时 会 犹 光 不 决 , 使 用 已 知 
的 功能 时 也 会 有 顾虑 ， 最 终 对 应 用 整体 不 满意 。 

减少 警告 框 , 用 撤销 功能 取而代之 还 有 额外 的 好 处 ,就 是 用 户 不 假 思索 地 关 掉 警告 框 的 可 能 
生 会 减 小 ， 因 为 他 们 不 会 像 以 前 那样 对 警告 框 习以为常 。 


i 


言 任 

让 用 户 信任 你 的 应 用 是 最 重要 的 任务 之 一 。 可 靠 的 撤销 功能 正 是 这 种 信任 的 一 部 分 。 同 
时 ， 应 用 还 应 稳定 、 可 预测 。 

我 曾经 参与 过 一 款 产 品 的 开发 ， 其 中 某 个 功能 会 触发 一 个 极 具 破 坏 性 的 bug， 摧 毁 用 户 
的 数据 。 尽 管 我 们 非常 迅速 地 修复 了 这 一 问题 ， 但 是 可 用 性 测试 表明 ， 受 此 问题 影响 的 用 户 
在 之 后 的 几 年 还 是 很 总 悦 使 用 这 个 功能 。 
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临时 撤销 

有 些 情况 下 , 由 于 技术 原因 无 法 实现 撤销 功能 。 你 无 法 让 用 户 撤销 已 发 送 的 邮件 。 一 旦 发 送 ， 
你 就 失去 了 对 邮件 的 控制 权 。 类 似 地 ， 虽 然 你 可 以 删除 一 条 已 发 布 的 推 文 ， 或 撤销 一 篇 已 发 布 的 
博文 ， 但 这 些 都 与 完全 阻止 操作 不 同 。 

一 个 解决 方案 是 ,延迟 操作 ， 允 许 用 户 临 时 撤销 它 : 不 要 立即 发 送 邮件 ， 而 是 显示 一 个 撤销 
按钮 几 秒 钟 。 如 果 用 户 点 击 了 撤销 按钮 ， 则 不 发 送 邮件 ; 否则 移 除 撤销 按钮 ， 然 后 发 送 邮件 。 
Gmail 在 Web 界 面 实现 了 这 一 功能 。 

_Search Mail | Search the Web | So er oons 
Your message has been sent. Undo View message 


平面 和 交互 设计 师 Clayton Miller 将 这 一 功能 称 为 “延迟 的 被 动 确认 ”， 因 为 用 户 没有 选择 停 
止 操作 ， 即 以 被 动 的 方式 确认 自己 的 操作 。 下 图 是 他 针对 这 一 功能 给 出 的 桌面 程序 的 模型 。” 


MAIL ACTIVITY 


Re: Netherlands Lottery An 


Sending in 8 seconds. se 


D 事先 警告 用 户 操作 具有 潜在 风险 是 无 效 的 做 法 ， 因 为 用 户 会 忽视 这 些 和 警告 。 

口 允许 用 户 撤销 操作 ， 这 样 他 们 就 能 恢复 到 意外 发 生 之 前 的 状态 。 

口 如 果 撤 销 功 能 在 技术 上 不 可 行 ， 至少 要 延迟 执行 有 潜在 风险 的 操作 ,这样 即 使 用 户 已 发 
出 指令 ， 也 可 以 阻止 事故 的 发 生 。 


GD 详 见 http:Wiuface.neU7u8。 
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1985 年 ， 编 写 Mac 开 发 者 文档 Inside Macintosh [Ros86] 时 ，Caroline Rose 认 为 模式 非常 重要 ， 
并 在 第 一 卷 的 开头 就 提 到 了 它 。 她 写 道 :“ 模 式 是 应 用 程序 的 一 部 分 ， 用 户 必 须 正式 地 进入 和 退 
出 。 模 式 起 作用 时 会 限制 可 执行 的 操作 。” 


从 根本 上 讲 , 模式 是 应 用 程序 或 窗口 的 状态 , 会 改变 它们 对 用 户 输入 的 响应 ,模式 是 可 用 性 
问题 的 一 个 源头 。Rose 写 道 :“ 由 于 用 户 在 现实 生活 中 通常 不 会 以 模 态 操作 ， 所 以 如 果 必 须 在 计 
算 机 软件 中 处 理 模 式 ， 会 强化 用 户 “计算 机 不 自然 、 不 友好 ”的 看 法 。” 模式 还 有 另 一 个 问题 :; 
如 果 用 户 不 知道 应 用 程序 或 者 窗口 处 于 什么 模式 下 ， 他 们 的 输入 就 会 产生 预料 之 外 的 结 


模式 最 知名 的 例子 就 是 大 写 锁 定 键 。 这 个 键 是 否 激活 ， 关 系 到 用 户 界 面 如 何 响应 用 户 输入 。 


小 测试 ， 这 两 个 密码 有 一 个 是 在 大 写 锁定 键 激 法 的 情况 下 输入 的 ， 是 哪 一 个 呢 ? 
在 一 种 模式 下 登录 成 功 。 在 另 一 种 模式 下 ， 使 用 完全 相同 的 输入 ， 却 登录 失败 。 
隐 性 模式 
JefRaskin 在 《人 本 界面 》 中 谈 到 ,“ 模 式 是 界面 错误 、 混 乱 、 不 必要 的 限制 以 及 复杂 性 的 重 


当 用 户 无 法 辨别 出 模式 的 时 候 ， 也 就 是 说 模式 是 隐 性 的 ， 那么 模式 就 会 令 人 迷惑 。 例如， 大 
写 锁定 键 使 用 一 个 小 亮 灯 来 表示 激活 状态 ,但 它 很 容易 被 忽视 。 


另 一 个 隐 性 模式 的 例子 是 图 像 编 辑 器 中 当前 激活 的 工具 。 
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( ( 
+ + 


小 测试 在 这 两 个 界面 中 ， 有 一 个 可 以 通过 点 击 和 拖 报 鼠标 画册 长 方形 ， 
另 一 个 会 画 出 圆 形 。 你 能 把 它们 区 分 开 吗 ? 


由 于 用 户 可 能 不 知道 用 户 界面 处 于 何 种 模式 , 他 们 的 操作 可 能 会 产生 意料 之 外 的 结果 。 比如， 
登录 失败 ， 或 者 当 他们 想 画 一 个 长 方形 时 图 像 编 辑 器 却 画 了 一 个 圆 形 。 

模式 应 该 是 显而易见 的 ， 即 使 用 户 不 记得 激活 过 它们 。 例 如 ， 在 Mac OS X 系 统 中 选择 “ 打 
开 文 件 ” 菜单 命令 ,会 出 现 一 个 模式 对 话 框 。 用 户 在 选择 “打开 文件 ”之 后 ,模式 立即 变 得 显 而 
易 见 。 但 是 ， 如 果 用 户 之 后 去 喝 了 一 杯 咖啡 ，5 分 钟 后 回 到 计算 机 前 ， 他 可 能 不 会 立刻 意识 到 计 
算 机 仍然 处 于 “打开 文件 ”的 模式 。 


此 时 , 点 击 文本 编辑 窗口 , 只 会 让 计算 机 发 出 “ 哪 哪 " 声 , 而 且 发 生 这 种 情况 的 原因 不 明显 。 
因此 ， 在 这 个 特定 的 场景 中 ， 模 式 根本 没 必要 。 "打开 文件 ”的 对 话 框 没 有 理由 阻塞 整个 应 用 程 
序 。 然 而 , 在 其 他 情况 下 ， 去 除 模式 也 不 能 解决 问题 。 比 如 ,程序 安装 顺 可 能 会 要 求 用 户 输入 密 
但。 


Standard Install on “Macintosh HD” 


© Introduction 


日 License This will take 656.8 MB of space on your A Type your password to allow Installer to make 
computer. changes. 


日 Destination Select 


Clic | to perform a standard installation 
@ Installation 
me this software for all users of this computer WH 
@ Installation users of this computer will be able to use this 
有 are. Name: Lukas Mathis 
® Summary 
| pr 
bp Detail: 
| @ Ga 
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如 果 去 除 “ 要 求 用 户 输入 密码 ”的 模式 ,用 户 可 以 在 密码 窗口 依然 打开 的 情况 下 激活 安装 器 
窗口 , 但 是 之 后 不 能 继续 安装 过 程 。 这 甚至 比 无 法 激活 安装 器 窗口 还 令 人 迷惑 。 你 不 能 永远 都 通 
过 去 除 模式 来 解决 问题 ， 你 只 需要 让 用 户 明 白 当前 发 生 的 情况 。 

一 个 让 模式 更 明显 的 办 法 是 提供 可 视 化 的 反馈 , 表明 某 个 模式 是 激活 状态 。 用 户 界面 设计 师 
Bill Buxton 在 论文 “The Prevention of Mode Errors Through Sensory Feedback”" 中 描述 了 实验 结果 : 
“无 论 对 于 新 手 还 是 专家 ， 比 起 没有 视觉 反馈 的 情况 , 拥有 视觉 反馈 时 模式 错误 会 显著 减少 .” 当 
测试 视觉 和 动 觉 的 反馈 时 (后 者 基于 对 肢体 动作 的 感知 , 例如 ， 手机 在 静音 模式 下 时 ， 用 户 感觉 
到 的 振动 )， 他 进一步 指出 : 

无 论 实 验 对 象 是 不 是 有 经 验 的 用 户 , 视觉 和 动 觉 反馈 都 能 带 来 好 处 。…… 因此 ， 尽 

管 很 多 专业 的 实验 对 象 说 他 们 习惯 用 自己 的 大 脑 来 跟踪 模式 , 这 两 类 反馈 还 是 极 大 地 减 

少 了 他 们 所 犯 的 模式 错误 。 

如 果 静 态 视 觉 反馈 无 效 , 没准 用 个 动画 可 以 成 功 。 正 如 第 18 章 讲 过 的 , 动画 比 静 态 的 视觉 效 
果 更 难 忽视 。 

然而 ， 视 党 反馈 也 不 是 最 佳 的 可 行 方案 。Buxton 的 研究 表明 ， 动 党 反馈 更 加 有 效 。 你 可 能 很 
想 知道 如 何在 不 增加 用 户 计 算 机 硬件 的 前 提 下 提供 动 觉 反 馈 。 你 可 以 将 用 户 键盘 上 的 按键 当 作 模 
式 触发 器 ,例如 , 在 Mac OS X 系 统 的 Finder 目 录 中 可 以 通过 拖 搜 移动 文件 , 但 是 如 果 同 时 按 下 Alt 
键 ， 系 统 会 切换 到 “复制 ”模式 。 用 户 必须 触摸 并 按 住 Alt 键 才能 停留 在 此 模式 下 ， 所 以 这 就 是 
一 种 动 觉 、 触 觉 反馈 , 它 会 持续 地 告知 用 户 他 仍然 处 于 复制 模式 下 。 这 种 临时 持续 激活 的 模式 称 
为 “ 准 模 式 ”。 我 将 会 在 本 章 末 尾 讨论 。 

Aza Raskin 在 “Visual Feedback and How Modes Kill”“ 一 文中 给 出 了 男 一 种 选择 。 


视觉 提示 是 一 种 试图 将 注意 力 吸引 到 系统 状态 上 的 方法 , 但 是 正如 Buxton 所 证 实 的 
那样 ， 它 有 可 能 会 失败 。 使 用 基于 声音 的 反馈 更 有 可 能 成 功 ， 因 为 你 可 以 忽略 一 个 视觉 
提示 ， 却 不 能 不 听 音 频 提 示 。( 所 有 听 过 小 马里 奥 喊 声 的 《超级 马里 奥 2》 玩 家 都 能 深刻 
体会 到 这 一 点 。) 

可 能 比较 好 的 方法 是 尝试 以 不 同 的 方式 处 理 这 个 问题 , 然后 通过 可 用 性 测试 来 找 出 最 有 效 的 
那个 。 

但 是 即使 设计 师 意识 到 需要 将 模式 设计 得 更 明显 , 也 找到 了 可 行 的 实现 方法 , 用 户 可 能 还 是 
感到 困惑 ， 因 为 模式 不 够 清晰 。 来 看 iPhone 的 例子 : 内 置 的 照相 机 应 用 有 一 种 HDR 模 式 ， 比 普通 
模式 的 动态 范围 更 广 。 改 变 模式 的 按钮 的 标签 提示 了 模式 当前 激活 与 否 。 


@ 详 见 http://www.bullbuxton.com/ModeErrors.html。 
@ 详 见 http://www.azarask.in/blog/post/is_visual_ feedback enough why_modes kill/。 
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但 是 “HDR On” 到 底 是 什么 意思 呢 ?” 是 可 以 通过 触摸 这 个 按钮 来 开启 HDR， 还 是 当前 已 经 
是 开启 状态 ,我 可 以 触摸 按钮 关闭 它 ? Jef Raskin 在 《人 本 界面 》 一 书 中 建议 使 用 复 选 框 或 者 单 
选 按钮 来 表明 被 激活 的 模式 。 


罗 HDR 《一 这 种 就 很 清楚 。 
意外 的 模式 


对 话 框 是 一 种 特殊 类 型 的 模式 。 和 隐 性 模式 不 同 ,对 话 框 通常 相当 明显 ， 至少 在 第 一 次 弹出 
时 是 这 样 。 然 而 它们 也 常常 让 人 出 乎 意料 ， 因 而 会 引起 和 隐 性 模式 一 样 的 问题 用 户 界面 的 表现 
和 用 户 想 要 的 不 同 ， 因 为 它 当 前 所 处 的 模式 与 用 户 期 望 不 同 。 


| am typing into this q 
window[ Error! 
(OK) 


用 户 期 望 他 输入 的 文本 意 想不到 的 对 旋 框 弹出 ， 
出 现在 文档 中 “ 叱 指 ′” 了 文档 
对 话 框 不 仅 会 意外 地 改变 了 用 户 界面 的 模式 , 而 且 用 户 针 对 前 一 个 活动 窗口 的 输入 可 能 会 被 
错误 地 理解 为 针对 模式 对 话 框 的 输入 。( 这 一 现象 称 为 偷 取 焦 点， 因为 它 将 计算 机 的 焦点 从 用 户 
期 望 的 地 方 转移 到 了 其 他 地 方 。) 这 意味 着 用 户 可 能 会 意外 地 关闭 一 个 模式 窗口 ， 或 者 同意 他 本 
想 拒 绝 的 操作 。 回 车 键 可 能 本 该 将 光标 移 到 新 的 一 行 , 却 意外 地 印 载 了 一 块 网 络 磁盘 或 者 删除 了 
一 个 文件 ， 因 为 在 这 个 模式 窗口 中 回 车 键 的 默认 行为 就 是 如 此 。 
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下 面 是 我 的 闹钟 。 为 了 更 改 阅 铃 啊 起 的 时 间 ， 必 须 按 最 上 面 的 按钮 ， 
将 逆 钟 切换 到 “更 改 闹 铃 时 间 ” 模 式 。 在 此 模式 下 , 最 上 面 的 按钮 的 作用 
变 成 了 改变 小 时 数 。 所以, 如 果 再 次 按 这 个 按钮 不 能 退出 此 模式 , 我 该 怎 
么 退出 呢 ? 
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对 用 户 来 说 ， 如 何 退 出 被 激活 的 模式 通常 不 明显 ， 这 会 导致 可 用 性 问题 。 计 算 机 键盘 上 的 
Insert 键 就 是 一 个 例子 。 用 户 敲 击 Insert 键 〈 可 能 是 意外 操作 ) 就 会 激活 改写 模式 ,但 如 何 回 退 至 
“正常 ”模式 则 非常 不 明显 。 


使 用 模式 时 ， 一 定 要 让 用 户 清楚 如 何 退出 该 模式 。 

对 于 前 面 提 到 的 闹钟 谜 题 ， 你 无 法 主动 退出 “更 改 益 伶 时 间 ” 模 式 。 你 可 以 按 一 遍 所 有 想 按 
的 按钮 。 实 际 上 , 这样 你 只 会 一 直 困 在 该 模式 下 ,因为 在 用 户 停止 发 疯 地 乱 按 按钮 以 退出 该 模式 
的 几 秒 钟 之 后 ， 闭 钟 会 自动 退出 “更 改 闵 铃 时 间 ” 模 式 。 


模式 并 非 一 无 是 处 


模式 会 引起 一 些 问题 ,所 以 它 名 声 很 差 也 不 稀奇 ,但 事实 上 , 它 得 到 这 样 的 评价 是 很 冤枉 的 。 
完全 没有 模式 的 用 户 界面 ， 其 复杂 性 会 增 大 。 有 了 模式 ,功能 可 以 仅 在 需要 的 时 候 显 示 出 来 。 非 
模式 化 的 界面 时 刻 得 提供 大 量 可 行 的 用 户 操 作 。 

只 有 当 模式 是 隐 性 的 、 意 外 的 或 者 很 难 退 出 时 , 体验 才 会 差 。 如 果 用 户 自主 地 改变 了 用 户 界 
面 的 模式 ,那么 模式 处 于 激活 状态 对 他 来 说 就 是 显而易见 的 , 而且 他 总 是 知道 如 何 退 出 这 一 模式 。 
这 个 时 候 ， 使 用 模式 无 可 厚 非 。 

牢记 这 些 基本 原则 ， 模 式 就 会 大 幅 提升 用 户 界面 的 质量 ， 而 不 是 让 它 更 混乱 。 

准 模式 

Jef Raskin 提 出 的 “ 准 模 式 ” 是 仅 当 用 户 明 确 地 保持 它们 的 激活 状态 时 才 存 在 的 临时 模式 。 
Rose 在 Inside Macintosh [Ros86] 中 将 其 称 为 “弹簧 模式 ”。Shift 键 是 与 大 写 锁 定 键 相 似 的 准 模式 。 
Shift 键 不 会 将 计算 机 置 于 永久 模式 ， 只 会 在 用 户 按 住 它 的 时 候 引 入 一 种 瞬时 模式 。 由 于 用 户 必 须 
明确 地 保持 准 模式 的 激活 状态 ， 这 个 模式 不 可 能 是 隐 性 的 、 意 外 的 或 是 难以 退出 的 模式 。 

Rose 在 书 中 还 提 到 了 另 一 种 准 模式 ， 就 是 按 下 鼠标 键 ; 用 户 一 直 按 着 鼠标 键 才 会 激活 这 种 模 
式 。 虽 然 一 直 按 住 鼠 标 键 时 ,不 同 计算 机 的 行为 各 不 相同 , 但 是 用 户 永 远 不 会 疑惑 自己 当前 是 否 
在 按 着 鼠标 键 。 


如 果 需 要 使 用 模式 ， 你 可 以 考虑 一 下 准 模式 是 否 能 满足 某 个 用 户 界面 需求 。 
要 所 
D 如 果 设 计 不 当 ， 模 式 会 给 用 户 造成 困扰 。 
D 模式 很 有 用 处 ， 因 为 它 能 帮 你 避免 给 产品 添加 过 多 的 用 户 界面 元 素 。 


口 要 想 让 模式 发 挥 效 用 ， 需 要 将 它 设计 得 显而易见 、 符 合 预期 、 易 于 退出 。 
口 只 要 有 可 能 ， 就 用 准 模式 蔡 代 完整 的 模式 。 


延伸 阅读 137 


延伸 阅读 


有 关 用 户 界 面 设计 的 很 多 图 书 都 提 到 了 模式 。 例 如 ,《 交 互 设计 精髓 》 在 许多 章节 都 提 到 了 23 
模式 。JefRaskin 的 《人 本 界面 》 中 专门 有 一 章 是 讲 模式 的 。Aza Raskin 也 写 了 一 篇 关于 模式 的 优 
秀文 章 。? 


Jnside Macintosh [Ros86] 虽 然 很 浅显 地 介绍 了 模式 ， 但 是 也 值得 一 读 。 


GD 详 见 http:/www.azarask.in/blog/postUis_visual feedback enough why modes kill/。 


第 24 章 
避免 使 用 前 选项 


如 果 你 不 确定 该 选择 哪个 设计 方案 , 最 简单 的 方式 就 是 将 选择 权 交 给 用 户 。 当 Mac 用 户 将 窗 
口 最 小 化 到 停靠 栏 时 ,有 些 人 希望 它 能 优雅 地 飞 进 停靠 栏 , 其 他 人 可 能 更 喜欢 窗口 直接 线性 缩小 。 


那么 ， 为 何不 同时 实现 这 两 种 效果 呢 ? 


creen: 人) . CQ 
Left Bottom Right 


Miffmize windows using: | Genie®B M3 NR 


Scale effect 外 


fio application icon 


DO Minimize windo 
四 .Asuscaase5pening applications 
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设置 面板 中 每 一 个 不 必要 的 复 选 框 都 是 一 种 设计 选择 , 而 你 将 它们 都 留 给 比 你 还 不 适宜 做 选 
择 的 用 户 。 你 最 有 可 能 做 出 正确 的 选择 。 不 要 让 那些 对 产品 知之 甚 少 的 人 替 你 做 选择 。 他 们 的 选 


择 往往 比 你 的 还 要 糟糕 。 
设计 师 兼 开发 工程 师 Mike Rundle 持 如 下 观点 。” 


GD 详 见 http://flyosity.com/iphone/kill-the-settings-build-opinionated-software.php。 
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如 果 某 个 属性 值 需 要 在 A 和 B 中 选择 ， 而 你 经 常 选择 A， 为 何不 直接 将 A 设 计 为 主要 
的 、 不 可 设置 、 不 可 改变 的 值 ? 如 果 你 认为 A 是 最 佳 选 项 ， 为 何 要 给 用 户 B 选 项 ? 
( 史 蔓 夫 ' 乔 布 斯 ) 按照 自己 的 想法 进行 研发 ， 因 为 他 知道 自己 正在 创造 伟大 的 东 
西 。 这 也 正 是 你 需要 做 的 。 
你 经 过 了 训练 , 应 该 有 能 力 做 这 些 决策 ， 而 且 你 拥有 做 出 正确 选择 所 必需 的 信息 。 用 户 不 
定 具 备 这 些 条 件 。 


不 要 曲解 我 的 意思 


我 不 是 说 设置 面板 里 所 有 的 内 容 都 是 无 用 的 。 我 说 的 是 首选 项 ， 即 某 事物 有 两 种 运作 方式 ， 
但 有 些 人 更 喜欢 其 中 一 种 。 让 我 们 来 明确 一 下 本 章 使 用 的 术语 。 
口 设置 
用 户 可 以 对 产品 功能 或 者 行为 做 出 的 全 局 改变 。 
口 配置 
产品 正常 工作 所 必需 的 那些 设置 ， 比 如 屏幕 分 辨 率 或 者 网 络 参数 。 比 如 你 正 开发 一 个 
Twitter 客 户 端 ， 你 需要 允许 用 户 对 它 进 行 配 置 来 显示 个 人 的 Twitter 消 息 。 
口 首选 项 
此 类 设置 会 改变 产品 的 行为 ， 而 且 严 格 来 讲 不 是 必需 的 ， 但 是 用 户 可 能 更 喜欢 对 它们 进 
行 修 改 得 ， 比 如 , 苹果 系统 中 菜单 里 当前 项 目的 数量 ,或 者 Windows 系 统 中 开始 菜单 里 的 
当前 项 目 数 ， 再 或 者 Mac OS X 中 滚动 条 上 的 滚动 箭头 出 现 的 位 置 。 
口 个 性 化 
此 类 设置 只 会 产生 视觉 效果 ， 不 会 影响 产品 的 实际 行为 ， 例 如 ， 桌 面壁 纸 设 置 。 
我 说 避免 使 用 首选 项 , 很 明显 不 包括 配置 ( 毕竟 ,它们 对 于 产品 的 正常 运转 有 着 举足轻重 的 
作用 )。 
我 说 的 也 不 是 个 性 化 。 虽然 个 性 化 的 设置 不 是 产品 正常 运转 的 必要 条 件 , 但 是 能 极 大 地 提升 
用 户 使 用 产品 的 乐趣 。 比 如 ， 将 手机 的 锁 屏 壁纸 换 成 你 家 小 狗 的 照片 ， 这 会 让 你 更 愉悦。 
配置 、 首 选项 、 个 性 化 之 间 的 界限 不 总 是 一 清二 楚 的 。 但 是 将 设置 分 为 这 三 类 ， 有 助 于 你 选 
择 保 留 和 去 除 哪 些 功能 。 


为 何 说 首选 项 不 好 


首选 项 从 多 个 方面 为 产品 增加 了 不 必要 的 复杂 性 。 

首先 , 用 户 会 到 产品 的 设置 区 去 找 需 要 修改 的 设置 , 每 个 多 余 的 选项 都 会 让 用 户 的 寻找 工作 
更 困难 。 他 们 必须 将 每 个 首选 项 都 看 一 遍 ， 找 到 真正 需要 的 选项 有 点 困难 ， 而 且 寻 找 的 过 程 也 让 
人 泪 来 。 
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其 次 ， 首 选项 会 引入 新 模式 从 而 使 产品 缺乏 一 致 性 。 每 个 首选 项 都 是 一 个 模式 〈 详 见 第 23 
章 )。 有 的 用 户 非 常 喜欢 更 改 操 作 系统 首选 项 ， 用 一 用 他 们 的 计算 机 ， 你 很 快 就 会 被 那些 行为 与 
你 的 期 望 不 一 致 的 元 素 苇 恼 。 例如， 在 某 些 计算 机 中 ,插入 一 张 光盘 ， 桌 面 会 弹出 一 个 CD 的 图 
标 ， 而 有 些 计算 机 的 这 一 功能 被 关闭 了 。 在 某 些 计 算 机 中 ,点 击 滚动 条 时 会 滚动 一 屏 ， 另 一 些 计 
算 机 则 会 滚动 到 你 点 击 的 位 置 。 用 户 很 容易 习惯 这 些 。 如 果 你 使 用 了 首选 项 被 修改 的 计算 机 ( 比 
如 , 你 用 了 朋友 的 计算 机 ， 或 者 买 了 一 台新 计算 机 ,还 没 来 得 及 将 那些 首选 项 设置 成 自己 想 要 的 
值 ), 每 次 计算 机 违背 你 的 预期 , 处 于 不 同 的 模式 中 , 你 都 会 有 挫败 感 。 这 时 ,避免 使 用 首选 项 ， 
也 就 能 避免 用 户 经 历 这 些 糟糕 的 体验 。 


再 次 ， 如 果 用 户 选 错 了 首选 项 ， 会 觉得 产品 很 难 用 。 比 如 ， 有 些 用 户 喜 欢 未 读 的 RSS 列 表 处 
于 当前 打开 条 目 视 图 的 左 侧 ， 其 他 人 更 喜欢 列表 处 于 视图 的 上 方 。 


有 的 人 喜欢 这 样 还 有 的 人 喜欢 这 样 


现实 中 会 有 一 种 适用 于 大 多 数 人 的 方案 。 找 到 它 是 你 的 任务 。 你 可 以 对 产品 的 不 同 配置 进行 
可 用 性 测试 ， 找 到 效果 最 好 的 那个 。 这 些 是 用 户 做 不 到 的 。 


最 后 , 将 选择 权 交 给 用 户 , 还 意味 着 在 产品 剩余 的 生命 周期 内 ,你 必须 支持 多 种 不 同 的 使 用 
方式 。 如 果 你 选择 其 中 一 个 选项 ， 而 不 是 将 它们 交 给 用 户 选择 ,就 不 需要 花 时 间 设 计 、 实 现 以 及 
测试 其 他 所 有 的 方案 ,也 就 有 更 多 的 时 间 完 善 所 选 方案 。 而 且 出 现 问题 时 ， 首 选项 也 会 增 大 找到 
问题 的 难度 。 每 个 无 意义 的 首选 项 都 会 增加 产品 可 能 的 代码 路 径 。 用 户 改变 产品 行为 的 方式 越 多 ， 
问题 就 越 难 及 时 查找 和 修复 。 


如 何 避 免 首选 项 


你 要 学 会 拒绝 用 户 〈 详 见 第 27 章 )。 有 些 用 户 特别 喜欢 小 号 字体 。 他 们 甚至 会 给 你 发 邮件 ， 
请 求 添加 更 改 字体 大 小 的 功能 。 但 那 并 不 意味 着 增加 字体 大 小 的 首选 项 就 是 最 佳 的 方案 。 这 样 会 
让 一 部 分 用 户 很 愉悦 , 却 为 包括 你 在 内 的 其 他 所 有 人 带 来 了 不 便 。 你 还 必须 重新 考虑 屏幕 的 布局 ， 
以 适应 更 小 的 字体 。 

你 也 要 学 会 拒绝 自己 。 首 选项 或 许 听 上 去 很 棒 ， 有 时 也 确实 是 最 简单 的 办 法 。 将 某 些 功能 设 
计 成 首选 项 ， 你 就 不 用 自己 做 出 选择 了 ， 但 是 这 样 就 亏 待 了 用 户 。 第 4 章 就 讨论 过 这 个 问题 。 对 
于 每 个 首选 项 , 你 都 要 问 问 自 己 : 这 对 用 户 有 帮助 吗 ? 这 个 选项 可 以 帮助 用 户 实现 哪些 之 前 不 曾 
实现 的 目标 ? 如 果 没 有 明确 的 答案， 你 就 放弃 使 用 首选 项 吧 。 

要 保持 一 致 性 。 如 有 果 没 办 法 在 两 个 选项 间 做 出 选择 , 那么 你 要 想到 , 没准 用 户 用 过 类 似 的 产 
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品 ， 和 那些 产品 保持 一 致 就 行 了 。 等 到 用 户 使 用 你 的 产品 时 ， 可 以 套用 已 有 的 经 验 。 
进行 可 用 性 测试 。 如 果 一 个 问题 有 两 种 解决 方案 ， 而 且 你 不 确定 选用 哪个 ， 就 新 建 纸 面 原型 
并 且 测 试 它们 吧 (参考 第 14 章 )。 或 者 ,将 两 种 方案 都 实现 ， 然 后 进行 A/B 测 试 ( 参考 第 38 章 )。 
从 测试 中 得 到 的 反馈 和 数据 ， 甚 至 可 以 帮 你 想 出 比 起 初 的 选项 更 好 的 方案 。 
你 要 有 主见 。 如 果 有 两 种 效果 相同 的 方案 摆 在 你 面前 ,就 选 自己 更 喜欢 的 那个 
于 使 用 哪个 ? 有 主见 不 是 什么 坏事 。 如 果 你 想 讨 好 所 有 人 ， 结 果 就 是 谁 都 取悦 不 了 。 


使 用 隐 式 的 首选 项 。 不 要 让 用 户 显 式 地 更 改 设置 ,而 是 要 记录 用 户 最 近 一 次 的 操作 。 不 要 让 
用 户 设置 窗口 的 默认 尺寸 , 直接 将 他 们 最 近 一 次 更 改过 的 窗口 尺寸 当 作 默 认 尺寸 来 用 即 可 。 在 文 
件 分 享 应 用 中 , 不 要 让 用 户 设置 首选 协议 ,直接 把 他 们 最 近 一 次 使 用 的 协议 当 作 默认 值 , 但 是 允 
许 用 户 在 必要 时 修改 。 也 不 要 让 用 户 设置 当 打 开 应 用 时 应 该 展示 “新 建文 档 ” 还 是 “打开 文档 ” 
对 话 框 ,重新 打开 他 们 最 近 一 次 使 用 软件 时 打开 的 文件 就 行 。 


不 可 避免 使 用 首选 项 的 情况 

如 果实 在 无 法 避免 使 用 首选 项 , 要 确保 每 一 项 设置 的 默认 选项 都 适合 大 部 分 用 户 。 多数 人 会 
直接 使 用 默认 值 而 不 会 更 改 它们 。 可 用 性 专家 Jakob Nielsen 就 指出 过 这 一 点 。? 

先前 的 许多 研究 ， 包 括 我 自己 的 研究 都 发 现 : 搜索 列表 的 前 面 几 条 会 有 更 多 的 点 击 

量 , 尤其 是 第 一 条 会 比 其 他 的 点 击 量 高 出 很 多 …… 在 用 户 界面 设计 的 很 多 方面 用 户 都 

依赖 默认 值 。 例如 ,他们 很 少 想 使 用 华丽 的 自 定义 功能 ， 所 以 优化 默认 的 用 户 体 验 很 重 

要 ， 因 为 这 是 大 部 分 用 户 的 选择 。 

请 使 用 一 致 的 术语 为 每 个 首选 项 做 出 合理 的 标注 , 避免 使 用 那些 用 户 不 熟悉 的 商标 或 者 行 话 。 


你 更 倾向 


反面 例子 ”下 出 显示 更 多 

改进 之 后 [区 。 下 员 显 示 所 有 窗口 

避免 使 用 否定 式 的 标注 。 复 选 框 的 作用 应 该 是 启用 功能 ， 而 非 禁 用 。 
反面 例子 ”禁止 自动 登录 

改进 之 后 [|] 自动 登录 


在 使 用 手册 中 说 明 每 个 首选 项 的 作用 , 还 要 使 用 工具 提示 来 做 额外 的 说 明 。 如 果 某 个 首选 项 
由 于 某 种 原因 被 禁用 了 ， 就 使 用 工具 提示 来 解释 原因 。” 


GD 详 见 http:/www.useit.comy/alertbox/defaults.html。 
@ 有 些 操作 系统 可 能 不 支持 在 禁用 用 户 界 面 元 素 的 时 候 显示 工具 提示 ,但 是 我 想 你 会 找到 其 他 比较 明显 的 方式 , 来 
向 用 户 解释 为 何某 个 首选 项 会 被 禁用 。 
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要 所 


口 产品 的 设置 可 以 分 为 三 部 分 : 配置 (维持 产品 正常 工作 的 必要 设置 )、 个 性 化 (仅仅 是 一 


些 视觉 变化 ， 并 非 必 要 的 设置 ， 但 允许 用 户 对 产品 进行 定制 )、 首 选项 ( 
工作 的 功能 性 变化 ) 
口 避免 使 用 首选 项 ， 因 为 会 引入 不 必要 的 模式 。 
口 不 要 使 用 首选 项 ， 直 接 提供 最 佳 的 默认 产品 行为 。 
延伸 阅读 


设计 师 兼 开发 工程 师 Mike Rundle 就 这 一 话题 写 过 一 篇 文章 。” 


GD 详 见 http://flyosity.com/iphone/kill-the-settings-build-opinionated-software.php。 


影响 产品 正常 


层级 结构 、 空 加、 了 时间， 以 
及 我 们 认 闸 世 青 的 方式 


计算 机 不 仅 允 许 用 户 组 织 自 己 的 数据 ， 还 允许 他 
们 以 层级 结构 的 方式 整理 数据 。PC 中 的 文件 系统 就 是 


最 明显 的 例子 。 


层级 结构 适用 于 很 多 东西 。 人 们 已 习惯 于 层级 结 
构 ， 因 为 它 随处 可 见 。 家 族 ( 家 谱 ) 就 是 人 的 层级 结 
构 。 再 比如 动物 ， 在 一 个 进化 层级 结构 中 ， 各 个 物种 
彼此 关联 。 超 市 也 会 使 用 层级 逻辑 来 摆 放 商品 。 例如 ， 
如 果 你 想 买 草 每 桨 ,就 要 首 允 找到 食品 区 。 在 食品 区 ， 
草 等 桨 和 花生 桨 、 蜂 蜜 放 在 一 起 ， 放 草 每 桨 的 架子 上 


又 有 各 种 不 一 样 的 草 每 桨 。) 按 照 层级 的 方式 整理 


(类 型 一 乐队 一 专辑 一 单 曲 ) 也 很 合理 ,这 样 的 安排 ( 通 


常 ) 一 目 了 然 , 易于 理解 。 


音乐 


4 3 Libraries 
汉 Docurnenls 
起 Music 
4 EE| Pictures 
4 Pictures 


iPhoto Library 


iPhoto Library Recovered Photos 


iPod Photo Cache 
Photo Booth 
Skitch 


public Pictures 


策 Videos 


如 果 以 一 目 了 然 、 易 于 理解 的 层级 结构 组 织 事 物 ， 人 们 通常 就 能 够 理解 并 使 用 层级 结构 。 如 
果 要 求人 们 对 任意 事物 创建 并 维护 层级 结构 ， 那 就 会 出 现 问题 。 


用 户 生成 的 层级 关系 


人 类 不 擅 于 将 杂乱 的 事物 层次 分 明 地 组 织 到 一 起 , 并 且 记 住 茶 个 事物 的 位 置 。Mark Shuttleworth 


就 指出 ， 层 级 化 文件 系统 是 Ubuntu 系统 可 用 性 问题 的 主要 来 源 ， 他 说 :“ 用 户 存储 了 邮件 中 的 附 


Q@ Shuttleworth 是 Canonical 公 司 的 前 CEO, Ubuntu 系列 的 创始 人 。Ubuntu 是 基于 Linux 内 核 的 操作 系统 , 十 分 注重 可 用 性 。 
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件 ， 但 一 个 小 时 后 就 不 知道 去 哪里 找 这 个 附件 了 。”“ 与 之 类 似 ，Gary Marsden 在 “Improving the 
Usability ofthe Hierarchical File Systems” “一 文中 写 道 : 

研究 过 应 用 程序 的 用 户 存 储 文件 方式 的 人 都 会 注意 到 ,文件 系统 对 于 非 高 级 用 户 是 
很 大 的 障碍 。 

Margo Seltzer 和 Nicholas Murphy 在 论文 “Hierarchical File Systems are Dead” 中 写 道 : ? 

用 户 不 再 记得 自己 把 文件 保存 在 哪里 了 。 另 外 ,他 们 往往 通过 搜索 访问 数据 。 我 们 
建议 持 怀疑 态度 的 读者 去 问 问 不 太 懂 技术 的 朋友 ,他 们 的 电子 邮件 存放 在 哪里 了 。 懂 技 
术 的 你 又 能 否 为 你 的 个 人 电子 邮件 、Quicken 文 件 、 最 近 编 辑 的 Word 文 档 ， 以 及 最 近 运 
行 的 程序 生成 一 个 路 径 名 呢 ? 你 的 桌面 上 现在 有 多 少 个 文件 ? 相互 关联 的 又 有 多 少 ? 

当 多 人 访问 相同 的 数据 时 , 问题 会 更 加 严重 。 对 一 个 人 来 说 很 合理 的 层级 结构 ,对 男 一 个 人 来 
说 可 能 完全 无 法 理解 ， 就 算 他 们 赞同 使 用 常规 的 结构 ， 还 是 会 经 常 就 单个 文件 放 在 哪里 产生 分 歧 。 


空间 


虽然 我 们 能 理解 特别 明显 和 直观 的 层级 关系 〈 比如 家 谱 和 超市 商品 的 摆 放 逻辑 )， 但 是 我 们 
真 的 不 擅 于 为 其 他 大 多 数 事物 创建 层级 结构 。 我们 通常 不 会 将 自己 的 物品 进行 深层 次 的 分 类 。 当 
然 ， 你 可 能 会 将 餐具 放 在 一 个 橱柜 中 , 将 厨具 放 在 另 一 个 橱柜 中 , 不 过 这 很 难 称 为 层级 结构 。 你 
只 是 将 物品 放 在 同一 空间 内 , 然后 将 相关 的 物品 置 于 相 邻 的 位 置 。 你 没有 通过 任何 层级 系统 记 住 
去 哪里 找 盘子 ， 你 之 所 以 能 找到 它 ， 仅 仅 是 因为 知道 自己 把 它 放 在 了 哪里 。 


与 之 类 似 , 你 的 办 公 桌 可 能 非常 乱 , 但 是 你 很 可 能 知道 自己 将 上 周 收 到 的 信件 放 在 了 桌子 的 
哪个 位 置 。 这 并 非 因 为 你 为 办 公 旨 应 用 了 层级 组 织 方案 , 仅仅 是 因为 你 知道 自己 将 它 放 在 了 哪里 。 


i 


@ 详 见 http://www.markshuttleworth.com/archives/223。 
@ 详 见 http://dl.acm.org/citation.cfm?id=954027。 
@ 详 见 http://www.eecs.harvard.edu/~margo/papers/hotos09/。 
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这 一 现象 称 为 空间 推理 。 人 类 擅长 这 种 推理 。 如 果 你 的 产品 能 利用 人 类 这 种 对 空间 的 感知 能 
力 ， 并 且 可 以 让 用 户 在 空间 中 组 织 数 据 ， 那 就 这 么 做 吧 。 

火狐 浏览 器 的 标签 分 组 功能 就 是 一 个 例子 , 如 下 图 所 示 。 这 一 功能 可 以 让 用 户 在 窗口 中 看 到 
所 有 标签 的 空间 视图 ， 然 后 在 二 维 平面 上 对 它们 进行 分 组 。” 


还 有 一 个 例子 就 是 下 图 所 示 的 Prezi”， 这 款 演 示 应 用 在 同一 平面 内 展示 所 有 演示 内 容 ， 然 后 
在 这 个 平面 内 移动 镜头 ， 将 内 容 分 布 在 不 同 的 画面 中 。 


页 局 EP “ER 


把 
PD 
ps 
© 
: 2 pS te 
In Prezi, your whole presentation 各 ,ey 
> 6 2% py ey 只 
exists on one single plane. @ 
S 
到 


记 住 , 在 现实 生活 中 ,事物 不 会 自己 运动 。 在 空间 系统 中 ， 人 们 期 望 能 在 他 们 放置 物体 的 地 
方 找 到 它们 。 绝 对 不 要 背 着 用 户 对 事物 做 出 更 改 。 


当 用 户 需要 管理 大 量 事项 时 , 空间 系统 就 无 能 为 力 了 。 为 几 十 或 几 百 项 内 容 创 建 并 跟踪 空间 


GD Aza Raskin 在 http://www.azarask.in/blog/post/designing-tab-candy/ 解 释 了 这 个 功能 背后 的 思想 。 
@ 软件 主页 : http://prezi.com。 
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布局 很 容易 ,为 上 干 项 内 容 创 建 并 跟踪 空间 布局 就 很 难 了 ， 而 如 遇 


时 间 ] 


用 空间 系统 就 几乎 不 可 能 


人 类 已 在 空间 世界 中 生存 了 儿 千 年 , 学 会 了 如 何 组 织 和 寻找 事物 。 同样 ,我 们 也 变 
于 从 时 间 的 维度 思考 和 组 织 我 们 的 世界 。 


虽然 你 可 能 不 记得 将 上 周 写 的 报告 放 在 文件 夹 的 哪个 位 置 了 ， 


系统 要 管理 数 十 万 项 内 容 ,， 利 


得 非常 善 


可 能 还 记得 是 几 点 钟 写 的 ， 其 至 记得 具体 是 哪 一 天 。 


因 出 


O 〇 

2 O 〇 
Q 

涯 

E 

5 5 
上 

上 

U OD 


但 是 你 确实 记得 是 上 周 写 的 ， 


上 ， 有 些 产品 很 适合 让 用 户 通过 时 态 视 图 来 访问 数据 。 任 天 党 在 这 一 点 上 就 做 得 很 好 , 它 


没有 使 用 文件 系统 ， 而 是 以 日 历 的 形式 显示 用 户 创 建 的 数据 。 使 用 任 天 答 的 系统 时 ,你 
对 自己 创建 的 图 纸 或 照片 进行 归档 ,只 需 记 住 创建 它们 的 月 份 , 而 且 你 还 能 在 该 月 的 视 


图 片 的 缩 略 图 。 


另 一 个 使 用 时 态 视图 的 例子 是 Media Atelier 公 司 Mac 端 的 应 用 Alarms": 一 个 待 办 如 
其 他 任务 列表 采用 的 传统 层级 列表 形式 ， 而 是 选择 使 用 时 态 视 图 呈现 待 办 事项 。 


没有 使 月 


OD 在 http:/www.mediaatelier.com/Alarms 了 解 更 多 。 


根本 不 用 
图 中 看 到 


项 列表 ， 
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| 
| Pr.201 央 
| 回回 A Groceres 7:30PMA Go ruming OM TH > 3 
915 PMA Submibookchaptes | | $4 5 6 7 8 9 
| 13 5 1 
20 2 23 
27 29 30 
| 
| | | Eon 


如 果 可 行 ， 就 让 用 户 通过 基于 时 间 的 视图 来 访问 数据 。 
更 好 的 层级 系统 


在 某 些 情况 下 ,你 无 法 避免 使 用 层级 系统 。 如 果 你 觉得 自己 需要 使 用 层级 系统 ,这 里 有 些 概 
念 可 以 协助 你 将 系统 设计 得 更 具 可 用 性 。 


限制 深度 


如 果 你 只 给 用 户 一 小 段 绳子 ,他 们 就 很 难 用 它 上 吊 。 如 果 你 只 允许 用 户 创建 很 浅 的 层级 结构 ， 
他 们 就 不 会 在 这 种 结构 中 迷失 。 照片 分 享 网 站 Picasa 就 是 一 个 例子 。Picasa 允 许 用 户 在 相册 内 对 图 
片 分 类 , 但 是 禁止 他 们 将 一 个 相册 放 到 男 一 个 相册 里 。 相 册 可 以 存放 图 片 , 但 别 无 他 用 。 用 户 不 
可 能 找 不 到 自己 的 相册 ， 因 为 他 们 从 一 开始 就 没 办 法 将 它们 隐藏 在 另 一 个 相册 中 。 


呈现 空间 中 的 层级 结构 


将 文件 夹 功 能 引入 iOS 操 作 系统 "中 时 , 苹果 公司 做 了 一 件 很 聪明 的 事 : 只 要 文件 夹 中 的 应 用 
程序 不 超过 九 个 ,用户 就 可 以 很 直观 地 从 文件 夹 图 标 上 看 到 内 部 所 有 的 应 用 。 从 技术 上 来 说 , 这 
是 用 层级 方式 组 织 应 用 程序 , 但 即便 如 此 ， 用户 也 不 太 可 能 找 不 到 想 找 的 程序 ， 因 为 对 于 用 户 来 
说 这 个 层级 结构 更 像 是 空间 布局 。 


允许 项 目 存 在 于 多 个 地 方 


我 们 通常 不 清楚 电子 设备 里 的 东西 放 在 了 哪里 。 假设 你 正 使 用 一 个 文档 管理 系统 , 它 有 很 多 
目录 ， 比 如 放置 保险 文件 的 Insurance 目 录 ， 以 及 存放 账单 的 Bills 目 录 。 那 么 ， 如 果 保 险 公司 给 你 


Q@ i0S 是 一 个 主要 用 于 iPhone 、iPad 和 iPod touch 的 操作 系统 。 
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发 来 一 个 账单 , 会 发 生 什么 呢 ? 这 个 文档 需要 存在 于 两 个 不 同 的 目录 中 。 层 级 文件 系统 应 该 总 是 
允许 用 户 将 同一 文件 放 在 多 个 地 方 。 


支持 标记 和 其 他 元 数据 


仅仅 让 用 户 按 层级 组 织 项 目 还 不 够 。 层 级 结构 通常 只 表现 了 事物 某 一 方面 的 性 质 。 例 如 , 动 
物 的 物种 分 类 就 采用 了 相同 祖先 的 原则 ， 安 排 了 层级 。 如 果 你 对 不 同 物种 间 的 相关 程度 感 兴趣 ， 
这 一 分 类 就 很 有 用 。 但 是 如 果 你 要 编写 一 份 对 人 类 有 毒害 的 动物 清单 ,或 是 所 有 水 生动 物 的 清单 ， 
这 个 分 类 就 没什么 用 了 。 允许 用 户 在 层级 结构 中 维护 各 个 项 目的 元 数据 , 他 们 就 可 以 维护 层级 结 
构 无 法 表现 出 的 数据 。 


提供 访问 数据 的 备 选 方案 


即使 主要 用 层级 结构 组 织 项 目 , 你 也 要 允许 用 户 通过 非 层级 的 方式 访问 数据 。 例 如 ,用 户 应 
当 可 以 搜索 他 们 的 数据 。 同 理 ， 如 果 你 跟踪 了 单个 项 目的 修改 时 间 , 用户 就 可 以 通过 时 态 视图 访 
问 层级 化 的 数据 。 如 果 你 跟踪 了 编辑 或 者 访问 某 一 项 目的 用 户 , 你 还 可 以 让 用 户 在 基于 用 户 的 视 
图 中 浏览 数据 。 

考虑 用 户 可 能 想 通过 怎样 的 方式 搜索 或 浏览 自己 的 数据 。 思 考 你 可 以 访问 何 种 元 数据 ,以 及 
如 何 利 用 这 些 元 数据 来 自动 组 织 项 目 。 


案例 分 析 之 BizTwit 
每 条 已 发 布 的 Twitter 消息 都 有 发 布 时 间 , 因 此, 为 用 户 提供 一 个 关于 消息 的 时 态 视 图 很 有 意 
义 。 这 样 可 以 方便 用 户 回 看 历史 会 话 记录 。 
BizTwit 允 许 用 户 设 定 一 个 日 期 来 自动 发 布 消 息 。 时 态 视图 可 以 包括 这 些 消息 ， 如 此 一 来 用 
户 就 非常 清楚 这 些 消息 将 在 何 时 发 布 了 。 下 面 的 线 框图 展示 了 这 种 用 户 界面 的 样式 。 
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在 这 个 视图 中 , 用 户 可 以 选择 自己 想 看 的 消息 类 型 ( 已 发 送 的 消息 、 别 人 回复 的 消息 、 草 稿 、 


有 发 送 或 收 到 消息 ) 到 3 个 ( 发 送 或 收 到 很 多 消息 ) 不 等 。 对 于 未 来 的 日 期 ， 黑 点 则 代表 计划 发 
送 的 消息 。 最 后 ， 点 击 日 期 会 显示 当日 的 消息 。 使 用 日 历 应 用 的 用 户 肯定 对 这 种 视图 很 熟悉 。 

这 个 用 户 界面 可 以 让 用 户 快 速 浏览 自己 的 Twitter 账 号 活动 ， 让 他 们 更 容易 找到 历史 消息 , 并 
且 便 捷 地 看 到 计划 何 时 发 布 哪些 消息 。 


要 所 
口 有 时 ， 层 级 结构 很 有 用 ， 但 是 必须 一 目 了 然而 且 能 被 大 众 接受 。 
D 用 户 自己 创建 的 层级 结构 ， 尤 其 是 多 人 共享 的 层级 结构 ， 效 有 果 不 佳 。 
口 人 类 很 擅长 处 理 时 间 关 系 和 空间 关系 。 试 着 利用 这 两 个 因素 而 不 是 层级 结构 来 组 织 用 户 


的 数据 。 
口 如 果 必 须 使 用 层级 结构 ， 要 尽量 保持 层级 足够 浅 ， 允 许 同 一 事物 出 现在 多 个 地 方 ， 支 持 


元 数据 ， 还 是 提供 访问 数据 的 备 选 方案 。 
延伸 阅读 
Peter Morville 和 Louis Rosenfeld 在 《Web 信 息 架 构 》 中 对 层级 结构 提出 了 一 些 见解 。Margo 
Seltzer 和 Nicholas Murphy 的 论文 “Hierarchical File Systems are Dead” 也 值得 一 读 。” 
华盛顿 大 学 信息 学 院 研 究 副 教授 William Jones 做 过 一 场 关 于 组 织 个 人 信息 的 很 有 趣 的 演讲 。? 
关于 如 何以 层级 结构 组 织 产 品 ， 更 多 内 容 请 参见 第 8 章 。 


GD 详 见 http://www.eecs.harvard.edu/~margo/papers/hotos09/。 
@) 详 见 http:/www.youtube.com/watch?v=aufuHuNRqaE。 


EE 
速 度 


可 用 性 测试 通常 很 少 关 注 产品 的 速度 和 响应 度 。 可 用 性 测试 可 以 快速 指出 用 户 不 理解 某 个 按 
钮 标签 的 含义 , 但 是 通常 不 会 发 现 产 品 反应 太 慢 的 问题 。 在 可 用 性 测试 中 使 用 产品 的 人 和 真正 的 
用 户 动 机 不 同 。 参 与 可 用 性 测试 的 人 知道 自己 在 测试 你 的 产品 , 他 们 不 会 因为 需要 等 待产 品 响应 
而 诅 丧 得 突然 放弃 使 用 产品 转 而 投向 竞 品 的 怀抱 。 

但 是 真正 的 用 户 就 可 能 这 么 做 。 科 技 投 资 人 Fred Wilson 说 过 ”: 

速度 不 仅仅 是 功能 ， 而 且 是 最 重要 的 功能 。 如 果 应 用 程序 很 慢 ， 人 们 就 不 会 用 它 。 

我 发 现 ， 相 比 高 级 用 户 ,这 一 现象 在 主流 用 户 中 更 普遍 。 我 想 高 级 用 户 有 时 会 用 同情 的 

眼光 看 待 构 建 真正 快速 的 Web 应 用 的 挑战 ， 他 们 可 能 愿意 忍受 产品 缓慢 的 响应 速度 。 我 

的 妻 儿 是 我 观察 主流 用 户 的 窗口 。 如果 应 用 程序 很 慢 , 他 们 会 直接 放弃 …… 当 发 现 我 们 

的 一 些 投资 组 合 公司 的 应 用 越 来 越 慢 时 , 我 们 同样 会 注意 到 他 们 的 成 长 也 很 缓慢 。 实 证 

证 据 表明 ， 速 度 不 止 是 功能 ， 还 是 需求 。 

性 能 问题 的 确 需 要 得 到 重视 ， 即 使 可 用 性 测试 没有 指出 速度 或 者 响应 度 的 不 足 。 


响应 度 


首先 要 关注 的 是 产品 的 响应 度 。 很 多 研究 在 这 方面 都 得 出 了 一 致 的 结论 。 如 果 一 项 操作 只 需 
不 到 0.1 秒 就 能 完成 ,用户 就 会 认为 这 是 瞬间 完成 的 。 如 果 在 1 秒 钟 以 内 完成 ， 用 户 就 不 会 觉得 是 
瞬时 完成 的 ， 但 是 也 不 会 直接 放弃 使 用 。 如 果 操 作 花费 的 时 间 多 于 1 秒 ， 那 用 户 在 等 待 的 过 程 中 
就 可 能 会 走神 。” 


Q@ 关于 他 的 演讲 ， 详 见 http://thinkvitamin.com/web-apps/fred-wilsons-10-golden-principles-of-successful-web-apps/。 
@ 更 多 信息 ， 详 见 Jakob Nielsen 关 于 响应 时 间 的 文章 : http:/www.useit.com/papers/responsetime.html。 


只 要 有 可 能 ， 最 好 确保 操作 的 响应 时 间 少 于 0.1 秒 。 


一 个 与 此 相关 的 话题 是 自然 用 户 界面 上 的 持续 交互 ( 比如 用 手指 拖 搜 列 表 使 其 滚动 )。 在 这 
类 场景 中 , 性 能 尤其 重要 。 用 户 界面 对 用 户 操作 的 响应 必须 及 时 和 流畅 。 用 户 界面 必须 跟 得 上 用 
户 的 操作 , 并 且 必 须 以 较 高 的 帧 频 完 成 。 响 应 速度 决定 了 用 户 感 觉 在 与 实物 交互 还 是 觉得 只 是 在 
向 计算 机 下 达 指 令 。 在 这 种 用 户 界面 中 ， 性 能 较 差 的 迹象 ( 比如， 输入 延迟 或 者 动画 断断续续 ) 
会 打破 用 户 关 于 产品 的 心智 模型 ， 而 且 会 让 用 户 恼 径 。( 第 16 章 对 这 一 话题 进行 了 深入 的 探讨 。) 


进度 反馈 


如 果 一 项 操作 耗 时 0.1 秒 以 上 ， 你 就 需要 提供 某 种 反馈 。 该 提供 什么 样 的 反馈 取决 于 以 下 两 
点 : 操作 耗 时 多 少 与 操作 类 型 。 


如 果 操 作 只 用 了 一 两 秒 , 那 就 直接 将 光标 的 样式 改 为 沙漏 ,或 者 添加 一 个 小 的 指示 器 ,表明 
“正在 处 理 中 ”， 无 需 明确 地 展示 操作 的 进度 。 


多 
$s§ Loading... 


这 么 做 的 目的 不 是 告诉 用 户 操作 需要 耗费 多 少时 间 , 而 是 让 用 户 明确 地 知道 计算 机 已 经 收 到 
命令 并 且 正 在 执行 。“ 明 确 ” 在 这 里 非常 重要 。 观 察 用 户 使 用 Web 浏 览 带 ， 你 会 注意 到 他 们 经 常 
反复 地 点 击 一 个 链接 ， 因 为 他 们 以 为 第 一 次 点 击 时 计算 机 没有 收 到 命令 。 可 能 你 也 这 么 做 过 。 为 
什么 会 这 样 呢 ? 因为 大 多 数 浏览 器 里 的 活动 指示 器 或 者 进度 条 都 不 够 明显 , 没有 出 现在 用 户 点 击 
链接 时 关注 的 范围 内 。 
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to find new apps by browsing the App Store, | have failed. For example ty 
apps that help you keep track of your running. How many 


pu have to wade through unti you find, say, the excellent 用 户 类 注 的 是 这 轩 
mee 因为 鼠标 放 在 这 里 


useless apps dd 


可 < 本 ™ seary "mr 


nate fact that even «Pirate App Stores» for jailbroken iPhones 
provide a better user experience than the official iPhone App Store, simply 
because people dont want to pirate crappy apps, and thus dont clutter up 
their stores with them 1 Apple is doing such a poor job keeping the bad apps 
out of their store that even software pirates are doing it better. That's not 
good. You fight piracy by providing a better experience, not by providing a 
worse experience and asking people to pay for it 


Why are there so many bad apps in the iPhone App Store? 


1 suspect that one of the reasons for this is that Apple can't easily reject apps, 
since the App Store is the only way of seling iPhone apps. If you're rejected 
by Aga BR 


pp is now worthless So 


A .| 然而 进度 条 却 在 这 里 ， 
多 让 ee 用 户 很 可 能 而 不 到 


没有 明确 的 反馈 表示 浏览 器 已 经 接 到 用 户 的 点 击 命令 ， 所 以 用 户 常常 会 不 断 地 点 击 。 
一 定 要 确保 反馈 信息 出 现在 用 户 所 关注 的 地 方 。 
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对 于 超过 几 秒 钟 的 操作 ,你 需要 提供 一 种 进度 反馈 ,以 此 说 明 操作 需要 多 久 才 能 完成 ,通常 ， 
使 用 进度 条 就 可 以 了 。 


| Loading... 


在 一 些 场景 中 , 可 能 还 应 告诉 用 户 计算 机 当前 在 执行 哪个 步骤 。 如 果 有 助 于 用 户 了 解 自己 为 
何 需要 等 待 , 那么 这 一 点 尤为 重要 。 例 如 ， 如 果 用 户 正在 用 视频 编辑 工具 上 传 视频 , 那么 这 个 任 
务 通常 有 两 个 阶段 。 首 先 ， 视 频 需 要 泻 染 和 编码 。 然 后 ， 用 户 需 要 将 它 上 传 。 


你 可 以 在 进度 条 附近 添加 一 些 简短 的 说 明 性 文字 , 甚至 添加 代表 当前 活动 任务 的 小 动画 , 就 
当前 活动 向 用 户 做 出 提示 。 告 知 用 户 应 用 程序 所 处 的 阶段 ,可 以 为 整个 进程 耗 时 这 么 长 做 出 解释 ， 
还 能 让 用 户 轻松 地 接受 必须 等 待 的 事实 。 

如 果 任 务 耗 时 太 长 ,用户 很 可 能 会 将 注意 力 转移 到 其 他 事情 上 。 如 果 可 能 , 应 该 给 出 任务 预 
估 的 时 长 。 

最 后 , 用户 可 能 会 忘记 有 任务 在 执行 。 你 可 以 使 用 音频 反馈 来 表明 任务 已 经 完成 。 这 样 ， 即 
使 用 户 去 做 其 他 事情 了 ， 也 能 知道 任务 已 完成 。 


感知 速度 
速度 是 用 户 的 一 种 感知 。 用 户 不 会 用 秒表 测试 产品 的 响应 时 间 。 真 正 重要 的 不 是 一 个 操作 会 
耗费 多 少 秒 以 及 多 少 毫秒 ， 而 是 用 户 感知 到 的 速度 如 何 。 


要 提升 感知 速度 , 一 种 方法 是 尽快 显示 部 分 结果 。 搜索 系统 的 用 户 界 面 不 必 等 到 搜索 完成 再 
显示 结果 给 用 户 ， 可 以 在 开始 找到 匹配 项 的 时 候 就 显示 搜索 结果 。 


Searching "lkm”... Eg 


Search: IT | (Save ) (+) 
Name 
| 贸 Animations.pml 0 


Ih| ANSIEscapeHelper.h 
辐 AvoidingFeatures.pml 
向 Blame.pml 
入 book.pml 


| sy 


4 


男 一 种 提升 感知 速度 的 方法 是 , 确保 耗 时 很 长 的 操作 不 会 阻塞 产品 的 用 户 界 面 。 如果 用 户 不 
必 等 待 某 个 进程 完成 ， 而 是 可 以 做 一 些 其 他 的 事 ， 那 他 们 就 不 太 会 注意 到 这 个 过 程 耗 时 多 长 。 


最 后 一 种 方法 是 为 进度 条 增加 简单 的 反 向 条 纹 效果 ， 这 样 可 以 让 进度 条 看 起 来 移动 得 更 快 。” 


GD 详 见 http://www.newscientist.com/blogs/nstv/2010/12/best-videos-of-2010-progress-bar-illusion.html。 
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GO Trash 


Emptying the Trash... 


时 rr 


ltems to delete: 4 


Oo— 
进度 条 上 的 条 纹 向 在 移动 


[=] 
慢 一 点 


迟钝 的 产品 很 烦人 , 但 是 速度 过 快 也 令 人 烦恼 。 有时， 产品 速度 可 以 非常 快 , 深 动 就 是 一 个 
典型 的 例子 。 如 果 应 用 程序 滚动 得 太 快 ， 用户 会 错过 目标 。 通常 ,合理 的 做 法 是 人 为 降低 产品 的 
速度 ， 这 样 用 户 就 能 跟 得 上 节奏 了 。 

在 使 用 Appway (一 个 业务 流程 管理 系统 ) 的 时 候 ， 我 遇 到 了 一 个 类 似 的 问题 。 流 程 编辑 器 
有 保存 功能 ， 可 以 让 用 户 手 动 保存 对 流程 的 改动 。 当 用 户 使 用 编辑 器 并 且 想 要 保存 更 改 时 ， 常 常 
反复 点 击 保存 按钮 。 有 时 候 ， 他 们 甚至 抱怨 保存 功能 没 用 。 


事实 证 明 ， 只 是 应 用 程序 对 他 们 来 说 太 快 了 。 保 存 工 作 流 程 只 用 了 不 到 1 秒 。 没 有 进度 指示 
器 , 所 以 没有 明显 的 反馈 告知 用 户 文档 已 经 保存 完毕 。 但 是 保存 文档 对 用 户 来 说 太 重 要 了 , 他们 
期 望 在 点 击 按钮 时 能 看 到 实质 性 的 变化 。 这 个 问题 的 解决 方案 是 弹出 一 个 “ 假 的 ” 半 秒 钟 的 进度 
指示 需 。 


这 可 以 让 用 户 确信 确实 发 生 了 实质 性 的 变化 。 用 户 体验 顾问 Harry Brignull 讲 了 一 个 类 似 的 关 
于 点 币 机 的 故事 "。 据 说 ， 初 期 点 币 机 清点 硬币 的 速度 非常 快 ， 用 户 根本 不 相信 它 数 得 准确 。 为 
了 解决 这 一 用 户 体验 问题 ,生产 商 将 机 器 展示 结果 的 速度 调 慢 了 一 些 ， 同 时 还 增加 了 扬声器 , 在 
机 咒 等 待 计数 器 得 出 最 终 数目 的 时 候 发 出 清点 硬币 的 声音 。 这样 一 来 ,用户 就 觉得 机 带 在 努力 地 
清点 他 们 的 钱币 ， 并 且 相 信 清 点 结果 。 


GD 详 见 http:/www.90percentofeverything.com/2010/12/16/adding-delays-to-increase-perceived-value-does-it-work/。 
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要 所 


响应 度 和 速度 是 产品 极其 重要 的 属性 。 可 用 性 测试 通常 不 会 揭露 这 两 方面 的 问题 。 

D 要 想 被 视 为 瞬间 完成 ， 操 作 耗 时 要 少 于 0.1 秒 。 

D 如 果 操作 耗 时 超过 1 秒 ， 就 需要 提供 某 种 指示 器 ， 表 明 应 用 程序 正在 工作 。 指 示 器 需要 出 
现在 用 户 关注 的 范围 内 。 

D 感知 速度 远 比 实际 速度 重要 。 有 时 候 ， 一 些小 技巧 可 以 让 用 户 感觉 产品 更 快 一 些 。 

D 产品 某 些 功能 的 速度 可 能 过 快 。 在 一 些 情况 下 ， 人 为 限制 产品 某 些 功能 的 速度 ， 
以 提升 用 户 体验 。 


延伸 阅读 


Jakob Nielsen 关 于 响应 时 间 的 论文 是 这 个 话题 非常 有 价值 的 资料 。” 
Bruce Tognazzini 在 “First Principles of Interaction Design” 中 谈 到 了 延迟 的 问题 。? 


确实 可 


GD 详 见 http:/www.useit.com/papers/responsetime.html。 


@ 详 见 http:/asktog.comyatc/principles-of-interaction-design/。 


EEE 27 章 Co A wa LA 
避免 加 入 过 多 新 功 能 


产品 设计 是 一 场 永 无 止境 的 竞赛 。 为 了 避免 被 竞争 对 手 超越 ， 你 必须 不 停 地 进步 ， 不断 地 设 


瑕 症 就 是 我 们 能 期 望 的 最 好 结果 了 。 

有 一 种 鲨鱼 需要 不 断 地 游 动 ,以 便 给 腮 供 给 含 氧 的 水 。 产 品 也 是 这 样 ， 长 期 停滞 不 前 就 会 消 
亡 。 这 是 个 问题 ， 因 为 这 意味 着 你 必须 持续 地 为 产品 增加 新 元 素 。 其 后 果 就 是 ,多数 产品 永远 在 
添加 新 功能 ， 却 没有 经 过 深思 熟 虑 。 

不 断 增加 新 功能 ， 产品 很 快 就 会 由 初始 状态 (一 个 针对 特定 问题 的 优雅 的 解决 方案 ) 变 成 一 
个 拥有 诸多 不 相干 功能 的 “ 杂 物 ”。 总 体 上 ， 产 品 可 能 解决 了 很 多 问题 ,但 很 可 能 大 多 数 问 题解 
决 得 并 不 好 。 如 采用 户 不 能 轻松 地 找到 解决 问题 的 功能 ， 那么 产品 ( 在 理论 上 ) 能 够 解决 许多 问 
题 是 毫 无 意义 的 。 

虽然 熟悉 产品 的 用 户 能 够 接纳 这 些 新 功能 , 但 你 实际 上 是 在 将 新 用 户 拒 之 门 外 。 新 用 户 无 法 
像 老 用 户 那样 从 产品 的 简单 版 本 起 步 ， 然 后 不 断 学 习 使 用 新 增加 的 功能 。 下 图 显示 了 这 一 现象 。 


更 糟糕 的 是 ， 和 产品 一 同 成 长 的 已 有 用 户 会 转变 为 高 级 用 户 , 这 意味 着 他 们 会 不 断 促 使 你 增 
加 更 多 的 高 级 功能 。 
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如 果 你 这 么 做 ， 你 的 客户 群 会 进一步 向 高 级 用 户 倾斜 。" 这 是 一 个 恶性 循环 。 
如 何 管 理 产 品 的 迭代 ， 避 免 加 入 无 尽 的 新 功能 呢 ? 


牢记 用 户 的 目标 


想 一 想 用 户 想 用 你 的 产品 想 达 成 什么 目标 ,新 功能 能 否 帮 他 们 得 到 更 好 的 结果 ?是 否 能 让 他 
们 实现 新 目标 ? 产品 是 否 更 加 易于 使 用 ? 正如 Kathy Sierra 所 说 ”:“ 人 们 关注 的 不 是 工具 本 身 , 而 
是 工具 的 功能 。” 


五 个 为 什么 


收 到 用 户 的 反馈 时 , 你 的 首要 任务 是 明确 用 户 真正 想 要 实现 的 目标 。 解决 方案 往往 可 以 在 产 
品 中 找到 ， 而 不 必 新 增 功 能 。 

你 可 以 使 用 “五 个 为 什么 ”方法 来 找到 问题 的 根源 。 传 说 ， 这 个 方法 最 初 是 由 丰田 公司 的 创 
始 人 丰田 喜 一 郎 发 明 的 。 这 个 方法 很 适合 挖掘 某 一 功能 请 求 背 后 的 原因 。 你 只 需 不 断 地 问 “ 为 什 
么 ”( 或许 有 时 候 这 听 起 来 不 那么 友好 ),， 直 到 查 明 是 什么 促使 用 户 认为 自己 需要 一 个 新 功能 。 你 
不 一 定 要 问 五 次 ， 有 了 时候 不 到 五 次 就 能 问 出 来 ， 有 时 候 则 需要 多 问 几 次 才能 找到 问题 的 根源 。 

让 我 们 来 看 一 个 例子 。 

用 户 : 如 果 你 能 为 BizTwit 开 发 一 个 新 功能 ， 能 定期 将 我 当前 所 写 的 内 容 保存 一 份 
副本 就 太 好 了 。 

设计 师 : 这 听 上 去 很 不 错 。 如 果 方 便 的 话 ， 我 想 问 你 几 个 问题 ， 了 解 一 下 你 想 如 何 
使 用 这 个 新 功能 。 这样 ， 如 果 我 决定 将 这 个 功能 添加 到 产品 中 ,就 能 尽 自 己 最 大 的 努力 
将 它 设计 得 尽 可 能 实用 。 

我 能 问 一 下 你 想 用 这 个 功能 做 什么 吗 ? 

用 户 : 嗯 ， 我 经 常 需要 返回 所 写 消息 的 早期 版 本 。 

设计 师 : 是 的 ,我 知道 这 项 功能 的 作用 了 。 你 想 要 使 用 文档 的 早期 版 本 ， 是 有 什么 
特定 的 目的 吗 ? 

用 户 : 我 有 时 候 要 对 之 前 不 满意 的 消息 进行 修改 。 如 果 能 看 到 之 前 的 版 本 ， 我 就 可 

以 直接 复制 一 部 分 到 当前 的 消息 中 。 

设计 师 : 现 有 的 撤销 功能 就 可 以 将 修改 回 退 至 原状 态 。 它 不 能 满足 你 的 需求 吗 ? 

用 户 : 它 通常 还 是 有 用 的 ,但 每 当 我 要 保存 当前 撰写 消息 的 草稿 时 , 由 于 某 种 原因 ， 
我 无 法 撤销 到 某 个 状态 。 另 外 ， 当 我 尝试 将 一 些 格式 化 的 文字 粘贴 到 消息 中 时 ， 程 序 有 
时 会 般 演 ,所 以 我 就 养 成 了 每 隔 几 分 钟 就 保存 一 次 的 习惯 ,结果 就 是 撤销 命令 经 常 失效 。 


Q@ Chris Clark 也 提 到 过 这 个 问题 ， 详 见 http://releasecandidateone.com/236:crotchety_old_power_users。 
@@ 详 见 http://headrush.typepad.com。 
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在 这 个 例子 中 , 用户 最 初 的 需求 是 想 要 一 个 版 本 管理 功能 。 但 事实 上 , 让 他 有 这 个 需求 的 根 
本 原因 是 BizTwit 中 有 两 个 bug: 一 个 导致 撤销 命令 无 法 撤销 已 保存 的 修改 ,一 个 导致 程序 经 常 骨 
演 。 这 时 ， 不 用 给 产品 增加 新 功能 ,修复 这 两 个 bug 就 能 解决 用 户 的 问题 。 


要 从 整体 上 思考 问题 。 想 想 用 户 真实 的 需求 是 什么 ， 他 们 想 要 用 新 功能 解决 的 问题 是 什么 。 
优化 现 有 功能 ， 而 非 新 增 功能 


如 果 大 量 的 新 功能 需求 都 可 以 用 已 有 功能 解决 的 话 , 可 能 你 应 该 花 时 间 修 复 已 有 功能 ,而 不 
是 开发 新 功能 。 类 似 地 ， 如 果 产 品 有 一 个 功能 鲜 为 人 知 或 鲜 少 使 用 , 那么 通常 应 该 调研 一 下 如 何 
优化 它 。 

本 质 上 , 目标 是 让 已 有 功能 供 更 多 的 用 户 使 用 ,而 不 是 增加 全 新 的 功能 。 这 种 方式 能 简化 应 
用 ,而 不 是 让 它 变 得 更 复杂 。 同 时 ,你 实际 上 为 所 有 不 知道 这 个 功能 或 者 不 知道 怎么 使 用 这 个 功 
能 的 用 户 增 加 了 新 功能 。 

新 功能 取代 已 有 功能 也 是 有 可 能 的 。 考虑 开发 新 功能 时 , 你 应 该 问 问 自己 它 是 否 会 淘汰 已 有 
功能 。 支 持 实 现 新 功能 的 一 个 观点 是 ， 新 功能 提供 了 相同 或 近似 的 功能 ,而 且 更 好 用 更 易 用 ,可 
以 删除 已 有 功能 。 


用 一 次 改动 解决 多 个 问题 
相 比 增加 很 多 新 功能 , 通常 更 合理 的 做 法 是 将 所 有 相似 ( 甚至 看 似 不 相关 ) 的 功能 当成 一 类 
问题 来 解决 。 
例如 ， 考 虑 用 户 对 一 个 文字 处 理 器 的 以 下 功能 请 求 。 
用 户 1: 我 经 常 写 信 , 如 果 有 个 功能 可 以 将 信 头 自动 插入 到 文档 中 , 那 就 太 实用 了 。 
用 户 2: 我 想 要 可 以 改变 默认 字体 的 功能 。 
用 户 3: 有 没有 什么 方法 可 以 同时 更 改 多 个 文档 的 脚注 样式 ? 
表面 上 ， 这 些 需求 没什么 共同 点 。 然 而 ， 它 们 都 可 以 通过 实现 一 个 模板 系统 来 解决 。 给 用 户 
提供 一 个 选项 ， 让 他 们 能 从 一 系列 模板 中 新 建文 本 文档 ， 这 样 就 能 满足 很 多 不 同 的 用 户 需 求 。 
考虑 成 本 


每 个 新 功能 都 有 价值 和 成 本 。 要 正确 评估 一 个 新 功能 带 来 的 影响 ,兼顾 这 两 方面 是 很 重要 的 。 
一 个 功能 的 价值 通常 是 显而易见 的 ， 即 它 能 让 用 户 实 现 什么 目标 。 


但 是 为 产品 增加 一 个 新 功能 的 成 本 可 能 就 没 那 么 明显 了 : 额外 的 复杂 性 可 能 为 那些 不 想 使 用 
新 功能 的 用 户 带 来 一 些 不 便 。 开发 新 功能 会 占用 你 做 其 他 工作 的 时 间 , 同时 增加 新 功能 也 会 减 组 
产品 后 续 的 进度 ， 因 为 你 不 得 不 花 时 间 维 护 新 功能 。 功 能 所 依赖 的 操作 系统 不 可 控 , 或 者 容易 出 
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错 ， 都 可 能 导致 用 户 支持 的 成 本 上 涨 。 因 此 ， 你 要 考虑 新 功能 的 成 本 ， 而 不 仅仅 是 它 的 收 3 
隐藏 功能 


如 果 在 增加 一 个 有 用 的 功能 时 不 会 加 重用 户 的 “ 认 知 负荷 ”， 那 就 这 么 做 吧 。 隐 藏 功能 是 最 
好 的 方法 ， 因 为 这 样 既 能 让 产品 更 完美 ， 还 不 会 让 它 更 复杂 。 比 如 ， 你 能 改善 文字 的 泻 染 方式 ， 
证 你 的 产品 创建 的 文档 比 竞 品 创建 的 文档 看 起 来 更 好 吗 ? 如果 你 想 为 自己 的 Web 应 用 增加 
HTTPS 支 持 , 能 做 到 直接 将 用 户 的 访问 切换 到 更 安全 的 HTTPS 模 式 下 , 而 不 是 强迫 他 们 手动 启用 
这 个 新 功能 吗 ? 


这 些 功能 会 让 产品 更 好 ， 而 无 需 用 户 有 意识 地 处 理 它们 。 
提供 API 以 及 插件 机 制 


你 不 必 独 自 实 现 每 一 个 功能 。 通 常 ， 让 他 人 参与 进来 并 帮忙 开发 比较 合理 。 例 如 ，Twitter 
开始 时 只 提供 了 极其 简单 的 服务 , 但 是 它 的 API 让 其 他 开发 者 得 以 介入 ,围绕 着 Twitter 创造 出 伟 
大 的 、 完 整 的 产品 生态 系统 。Photoshop 是 另 一 个 很 好 的 例子 。 虽 然 Adobe 公 司 为 Photoshop 开 发 了 
大 量 的 功能 , 但 也 不 可 能 实现 用 户 想 要 的 所 有 功能 。Adobe 允 许 第 三 方 开 发 者 为 Photoshop 开 发 插 
件 ， 结 果 自 己 没 花 半分 钱 就 扩大 了 市 场 ， 同 时 也 没有 让 Photoshop 变 得 更 复杂 。 


增加 API 和 插件 ， 可 以 避免 实现 只 对 部 分 用 户 有 用 的 功能 ， 将 这 个 工作 交 给 其 他 开发 者 。 你 
甚至 可 以 使 用 自己 的 插件 来 自己 开发 新 功能 。 


倾听 用 户 的 意见 


牢记 你 不 能 代表 所 有 用 户 。 你 至 多 就 是 用 户 中 的 一 员 。 一 个 用 户 对 于 整个 用 户 群 毕竟 是 少数 。 
你 觉得 某 个 新 功能 听 起 来 极其 有 用 , 但 是 可 能 很 多 用 户 却 持 反对 意见 。 这 种 现象 有 时 被 称 为 内 部 
受众 问题 : 设计 和 实现 解决 方案 的 人 只 服务 于 与 他 们 类 似 的 用 户 ， 而 不 是 产品 的 实际 用 户 。 

你 非常 了 解 产品 的 运转 方式 , 却 对 用 户 如 何 使 用 它 知之 甚 少 。 用 户 刚好 相反 ， 他 们 知道 自己 
如 何 使 用 产品 ， 但 是 基本 不 了 解 它 的 工作 原理 。 

我 们 很 容易 为 产品 增加 无 用 的 复杂 性 。 你 不 觉得 复杂 ， 是 因为 你 了 解 自己 产品 的 工作 原理 。 

让 用 户 验证 新 功能 是 明智 之 举 。 由 于 用 户 一 般 不 愿意 提供 负面 的 反馈 , 所 以 你 要 给 他 们 展示 
简单 的 草图 ,而 不 是 实现 的 功能 。 这 样 用 户 会 以 为 你 还 没有 投入 很 多 精力 ， 他们 也 就 不 会 觉得 挑 
些 毛病 会 化 风 景 。 直 接 请 求 做 出 负面 评价 也 很 有 用 ， 比 如 这 么 问 :“ 说 说 你 最 不 喜欢 这 个 新 功能 
的 哪 三 点 。” 


已 
oO 


© 
加 


编程 接口 (API ) 让 开发 者 能 够 开发 与 你 的 产品 交互 的 应 用 程序 。 
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你 可 能 会 对 用 户 的 反应 感到 惊 订 。 拿 我 来 说 ,， 有 人 曾 对 我 说 , 我 提出 的 一 个 新 功能 听 起 来 真 
的 很 酷 ， 但 是 他 认为 自己 没有 使 用 它 的 理由 。 


用 户 之 言 不 可 尽 信 


有 些 用 户 告诉 微软 公司 的 Rick Schaut，Mac 上 的 Word 5.1 是 该 产品 最 完美 的 版 本 。 谈 到 这 些 
用 户 时 "， 他 指出 ， 如 果 你 问 这 些 人 他 们 最 希望 文字 人 处理 器 有 什么 功能 ， 他 们 一 般 至 少 会 提 一 个 
不 常见 的 额外 功能 一 一 不 仅仅 是 “Word 5.1”"， 而 是 “Word 5.1 加 一 个 功能 ”。 至 于 要 加 哪个 功能 
则 意见 各 异 。Rick 表 示 ， 如 果实 现 所 有 这 些 额 外 的 功能 , 你 最 终 会 得 到 一 个 现代 版 Word 的 功能 


区 全 
口 o 


当 用 户 设想 你 的 产品 时 , 会 设想 产品 是 为 他 们 量 身 打造 的 , 认为 产品 提供 的 功能 恰好 是 他 们 
想 用 的 。 这 通常 包含 一 两 个 特殊 的 、 怪 异 的 、 儿 乎 没有 其 他 用 户 会 使 用 的 功能 。 

如 果 一 一 实现 这 些 特 殊 需 求 , 你 最 终 会 开发 出 一 款 多 数 功 能 不 常用 , 少数 几 个 功能 很 多 人 用 
的 产品 。 这 种 做 法 适合 微软 , 但 是 不 一 定 适合 你 的 产品 。 


一 个 特殊 功能 


基本 的 应 用 程序 
用 户 要 求 你 为 基本 应 用 如 果 你 听从 他 们 ， 无数 个 特殊 功能 
程序 增加 一 个 特殊 功能 就 会 海 没 基本 应 用 程序 


最 近 一 项 由 Debora Viana Thompson、Rebecca W. Hamilton 和 Roland T. Rust 所 做 的 研究 显示 ， 
被 问 到 此 类 问题 的 时 候 ， 多数 用 户 会 说 喜欢 功能 更 多 的 产品 。 即 使 用 户 当前 不 需要 ,他 们 也 认为 
自己 在 将 来 可 能 会 用 到 这 些 功能 。” 然 而 ， 当 他 们 用 上 他 们 所 要 求 的 产品 时 ， 却 会 因为 这 些 功能 
而 异常 泪 丧 。 虽 然 他 们 中 上 说 喜欢 拥有 更 多 功能 的 产品 , 但 是 让 他 们 开心 的 却 是 功能 更 少 的 产品 ， 
即使 简化 的 产品 并 没有 提供 他 们 认为 自己 将 来 会 用 的 功能 。 因为 你 的 产品 提供 的 功能 最 多 而 选择 


Q@ 详 见 http://blogs.msdn.com/rick schaut/archive/2004/06/18/159325.aspx。 
人 @) 详 见 http://hbr.org/2006/02/defeating-feature-fatigue/ar/1。 
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它 的 用 户 ， 最 终 会 为 自己 的 购买 行为 后 悔 。 

与 之 类 似 ，Barry Schwartz 在 《无 从 选择 》 中 说 过 ， 随 着 选择 的 增多 ， 人 们 从 选择 中 获得 的 
满足 感 会 降低 。 给 用 户 更 多 的 功能 反而 会 让 他 们 不 开心 。 
如 果 你 想 让 用 户 感到 满足 .愉悦 ,并 且 将 产品 推荐 给 朋友 ,就 要 在 增加 新 功能 的 时 候 慎 之 又 慎 。 


无 需 将 所 有 用 户 都 视 为 自己 的 用 户 


最 后 ， 切 记 你 不 需要 占据 100% 的 市 场 份额 。 为 产品 增加 更 多 功能 确实 可 以 让 你 获得 更 多 的 
用 户 , 但 是 这 样 做 也 是 有 代价 的 。 对 于 那些 如 果 产 品 没 有 提供 特殊 功能 就 不 使 用 它 的 用 户 来 说 ， 
你 的 产品 会 变 得 更 有 吸引 力 。 然 而 ， 对 于 不 需要 那些 特殊 功能 的 用 户 来 说 , 产品 反而 变 得 没有 吸 
引力 。 

让 用 户 去 竞 品 那里 寻找 所 需 的 功能 也 没关系 ， 你 不 可 能 满足 所 有 人 的 需求 。 

Dropbox 的 竞争 对 手 Syncplicity 的 创始 人 之 一 Isaac Hall 写 道 , 他 曾经 冲 到 Dropbox CEO 的 办 公 
室 ， 质 问 他 为 何 Dropbox 不 支持 多 文件 夹 同 步 。Hall 说 ， 他 得 到 的 答案 "解释 了 Dropbox 如 此 受 欢 
迎 的 原因 。Dropbox 早 期 其 实 支持 过 这 一 功能 ， 但 是 进行 B 测 试 时 发 现 它 会 让 用 户 感到 迷惑 。 
Dropbox 也 搞 不 定 用 户 界 面 。 这 个 太 难 用 了 ，Dropbox 后 来 将 它 移 除 了 。 

没有 这 个 特殊 功能 可 能 会 让 Dropbox 失 去 几 个 新 用 户 ， 但 是 这 种 “ 少 即 是 多 ”的 哲学 理念 使 
得 Dropbox 极 其 易 用 ， 也 因此 成 了 这 类 应 用 的 佼佼 者 。 


富 是 有 代价 的 。 相 比 那 种 面面俱到 的 产品 ， 用 户 更 欣赏 某 个 方面 特别 出 色 的 产品 。 


37signals 公 司 的 员工 在 《 重 来 : 更 为 简单 有 效 的 商业 思维 》 中 冰 述 道 :“ 如 果 能 让 一 些 用 户 
极度 热爱 我 们 的 产品 ， 我 们 愿意 失去 一 些 用 户 。 这 是 我 们 的 准绳 。 


要 所 


口 增加 更 多 新 功能 可 以 让 产品 对 于 需要 这 些 功能 的 用 户 更 有 吸引 力 ， 但 是 对 于 不 需要 的 人 
就 显得 不 够 理想 。 通 常 ， 对 于 任何 给 定 的 功能 ， 第 二 种 人 都 占 多 数 。 

口 使 用 “五 个 为 什么 ”来 评 佑 用 户 的 反馈 ， 并 寻找 问题 的 根源 。 

口 与 其 开发 新 功能 ， 不 如 优化 已 有 功能 。 

口 尽量 添加 那 种 能 同时 解决 多 个 问题 、 取 代 已 有 功能 的 新 功能 。 

口 要 兼顾 新 功能 的 成 本 和 收益 。 

口 专注 于 那些 可 以 让 产品 更 佳 同时 又 不 会 增加 用 户 界 面 复杂 度 的 功能 。 

口 提供 API 和 插件 机 制 。 以 插件 的 形式 实现 一 些 专 用 功能 ， 或 者 把 它们 交 给 第 三 方 开 发 者 。 


J 


局 
过 
mh 
Dr 

HH 


GD 详 见 http://www.quora.com/Dropbox/Why-is-Dropbox-more-popular-than-other-programs-with-similar-functionality。 
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D 在 增加 新 功能 之 前 


它 来 做 什么 。 


适当 的 用 户 调研 ， 了 解 用 户 是 否 真 的 需要 这 个 功能 ， 以 及 需要 用 


口 对 用 户 有 求 必 应 ， 你 最 终 会 得 到 一 款 大 多 数 功 能 都 不 常用 的 产品 。 
D 接受 这 样 一 个 事实 : 不 是 所 有 人 都 需要 成 为 你 的 用 户 。 


延伸 阅读 


Kathy Sierra 的 博客 中 有 很 多 关于 此 话题 的 文章 。" Barry Schwartz 所 著 的 《无 从 选择 》 以 及 
Debora Viana Thompson 、Rebecca W. Hamilton 和 Roland T. Rust 所 做 的 研究 也 同样 值得 阅读 。” 


Mint.com 的 首席 设计 师 Jason Putorti 在 他 的 博客 上 推荐 了 一 些 测试 , 可 用 于 选择 该 实现 哪些 功 


人 Eb ® 
Heo 


关于 看 起 来 简单 的 功能 会 带 来 很 多 隐藏 的 复杂 性 ，Mac 上 广 受 
的 开发 者 Brent Simmons 写 过 文章 。?” 


四 详 
加 详 
国 详 
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.http://headrush.typepad.com。 
Whttp://hbr.org/2006/02/defeating-feature-fatigue/ar/1。 
Whttp://jasonputorti.com/post/229492382/how-to-avoid-feature-creep/。 
作 


http://inessential.com/2009/07/30/anatomy_of a feature。 


欢迎 的 的 RSS 应 用 NetNewsWire 
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第 27 童 介绍 了 如 何 避 免 功 能 泛滥 ,让 产品 和 用 户 负 担 过 重 。 但 是 你 面临 的 问题 可 能 不 是 避免 
增加 不 必要 的 功能 ， 而 是 移 除 一 些 已 有 功能 。 

造成 这 个 问题 的 原因 很 多 。 可 能 是 你 使 用 的 技术 过 时 了 。 十 年 前 ， 在 应 用 中 增加 一 个 FTP 同 
步 的 功能 是 很 合理 的 , 但 是 如 今 有 更 好 的 方案 ，FTP 这 个 功能 就 变 成 了 累 袭 。 可 能 你 开发 某 个 功 
能 是 因为 后 端 支持 而 且 免费 , 但 是 用 户 反馈 显示 现在 很 少 有 人 使 用 它 。 也 可 能 你 的 产品 是 从 别人 
那 接 过 来 的 ， 原 来 的 设计 者 在 增加 功能 方面 不 像 你 那样 精 挑 细 选 。 

无 论 是 什么 原因 , 你 现在 都 处 于 不 幸 且 不 受 欢迎 的 境地 ,因为 你 必须 从 用 户 那 里 拿 走 一 些 功 
。 告诉 用 户 你 要 删除 一 个 功能 ， 比 告诉 他 们 你 实现 不 了 某 个 功能 困难 多 了 。 产品 中 最 无 意义 的 
功能 也 可 能 是 某 些 用 户 的 人 挚爱。 事实 上 ， 移 除 任何 功能 都 会 让 一 些 用户 不 高 兴 。 

但 是 , 留 下 不 必要 的 功能 是 不 负责 任 的 表现 。 不久 ,这 些 功 能 就 会 堆积 起 来 ， 最终 你 的 产品 
会 从 用 户 喜 欢 的 小 巧 、 优 雅 的 解决 方案 变 成 大 多 数 用 户 根本 不 在 乎 的 过 时 功能 堆积 而 成 的 笨重 的 
“废品 ”。 

本 章 的 一 些 理念 或 许可 以 帮 你 从 产品 中 移 除 元 余 的 功能 。 
调研 

在 决定 移 除 某 一 功能 之 前 ,你 要 确保 自己 有 数据 支持 。 比 如 ,你 知道 用 户 中 多 少 人 使 用 这 个 
功能 吗 ? 

最 好 的 方法 就 是 从 用 户 那里 获得 使 用 数据 。 在 设置 
中 增加 一 个 “发 送 匿 名 的 使 用 统计 数据 ” 复 选 框 ， 询 问 
用 户 是 否 愿意 参与 。 


世 自 动 发 送 使 用 数据 ， 帮 助 我 们 改进 BizTwit。 
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如 果 无 法 获得 确切 的 数据 , 你 可 以 询问 用 户 如 何 使 用 你 的 产品 。 让 用 户 做 问卷 调查 能 得 到 很 
有 趣 的 答案 。 你 还 应 该 允许 用 户 通过 文字 的 形式 回复 调查 ， 详 细 说 明 自 己 如 何 使 用 你 的 产品 。 
Mac 和 iOS 开 发 工程 师 Manton Reece 为 Mac 应 用 Wii Transfer" 采 用 了 这 些 做 法 。 基 于 用 户 调查 
的 结果 ， 他 决定 移 除 应 用 中 的 一 个 功能 。 他 写 道 : ? 
我 最 终 移 除了 一 个 功能 。 用 户 调研 明确 显示 这 个 功能 的 使 用 率 不 高 。 对 我 来 说 , 更 
有 趣 的 是 ， 我 移 除 的 功能 是 整个 1.0 版 的 Wii Transfer。 千 真 万 确 ， 现 在 整个 1.0 版 中 的 功 
能 都 不 复 存 在 了 。 
到 目前 两 周 过 去 了 ,还 没有 任何 用 户 抱 她。 我 想 , 我 其 实 是 从 应 用 中 删除 了 让 用 户 
分 心 的 功能 , 应 用 从 此 少 了 一 个 让 用 户 误 入 歧途 的 地 方 。 同时 这 样 有 望 减 少 一 小 部 分 技 
术 支 持 工作 ,因为 不 会 有 人 再 问 有 关 这 个 功能 的 问题 了 ,也 不 会 有 人 有 这 个 功能 的 使 用 
问题 了 。 
最 后 , 你 还 应 该 对 产品 功能 的 受 欢 迎 程度 有 深刻 的 了 解 。 若 要 辨别 调查 结果 是 否 真 的 表明 一 
个 功能 特别 不 受 欢迎 ， 需 要 删除 ， 你 应 该 问 自己 下 面 这 些 问题 。 
口 如 果 只 有 很 少 一 部 分 用 户 使 用 这 个 功能 ， 是 不 是 它 的 设计 目的 就 是 如 此 ? 是 不 是 它 的 本 
质 决 定 了 它 很 重要 但 鲜 少 会 用 到 ? 
口 很 少 有 人 用 这 个 功能 ， 是 因为 用 户 界面 星 涩 、 功 能 隐蔽 还 是 命名 很 差 ? 如 果 他 们 知道 如 
何 使 用 会 不 会 提高 使 用 频率 ? 
口 用 户 是 不 是 仅仅 因为 这 个 功能 多 余 才 忽视 它 ? 
使 用 率 低 并 不 一 定 意 味 着 你 应 该 砍 掉 这 个 功能 。 例 如 , 备份 应 用 程序 的 用 户 很 少 会 用 到 还 原 
功能 。 但 很 明显 ， 这 个 功能 不 能 从 应 用 中 删 掉 。 
使 用 率 低 只 是 产品 可 能 存在 问题 的 指标 之 一 。 使 用 这 一 数据 能 得 出 一 些 结论 , 但 是 你 要 依据 
自己 的 知识 和 经 验 来 决定 哪个 功能 需要 移 除 ， 哪 个 要 用 更 好 的 方案 取代 ， 以 及 哪个 需要 保留 。 
第 39 章 会 介绍 更 多 关于 收集 数据 的 知识 。 
通知 用 户 
移 除 某 个 功能 之 前 ,最 好 告知 用 户 ,并且 询 问 他 们 关于 这 一 决定 的 意见 。 你 完全 有 可 能 在 决 
定 移 除 某 个 功能 的 时 候 漏 掉 某 些 信息 。 标 出 那些 你 将 要 砍 掉 的 功能 ， 然 后 解释 为 何 要 这 么 做 。 


不 要 让 用 户 投 票 决定 砍 掉 哪个 功能 ( 投票 不 会 告诉 你 用 户 如 此 选择 的 理由 , 而 且 如 果 你 不 得 
不 推翻 结果 ， 用 户 会 很 反感 )， 但 要 重视 他 们 的 意见 和 反馈 。 这 些 人 真正 使 用 了 产品 ， 对 产品 的 
实际 使 用 情况 有 深刻 的 理解 ， 而 这 一 点 可 能 是 你 缺失 的 。 


Q@ 调查 结果 详 见 http://www.manton.org/2009/07/wii_transfer_survey.html。 
@ 详 见 http://mirror.manton.org/2010/02/removing_features.html。 
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提供 备 选 方案 


某 个 功能 可 能 只 有 少数 用 户 使 用 ,然而 有 可 能 他 们 非常 依赖 它 。 而 且 ， 人 们 都 讨厌 失去 自己 
拥有 的 东西 ， 即 使 他 们 从 未 用 过 。 这 是 人 类 的 天 性 。 心 理学 家 称 其 为 损失 厌恶 。 


你 可 以 党 试 一 下 变通 ， 将 损失 转化 为 收益 。 为 移 除 的 功能 提供 备 选 方案 〈 或 是 做 一 些 改善 ) 
就 是 一 个 办 法 。 比 如 ,你 可 以 联系 一 款 可 以 替代 你 要 移 除 的 功能 的 产品 的 开发 者 , 并 且 试 着 为 用 
户 争取 一 些 使 用 他 们 产品 的 折扣 。 

当 Bohemian Coding 公 司 " 的 开发 者 想 移 除 Drawlt 应 用 中 的 位 图 功能 时 ， 他 们 联系 了 Flying 
Meat 公 司 ” 的 Gus Mueller。 他 们 最 终 达成 协议 , 每 个 DrawIt 的 用 户 将 得 到 Flying Mea 的 图 像 编辑 器 
Acorn 的 一 份 免 费 副 本 。Bohemian Coding 的 Pieter Omvlee 告 诉 我 : 

我 收 到 的 反馈 形形色色 。 有 些 人 很 满意 这 次 更 新 中 我 为 和 失 量 图 部 分 做 出 的 改进 , 还 

说 他 们 从 没 用 过 位 图 的 那 部 分 功能 。 有 些 人 则 抱 她 ， 因 为 他 们 只 用 位 图 的 相关 功能 ,但 

我 现在 可 以 为 他 们 提供 Acorn。 最 后 ， 我 还 收 到 那些 特别 喜欢 应 用 中 既 有 矢量 图 又 有 位 

图 的 用 户 的 抱 奶 。 幸 运 的 是 ,这 样 的 用 户 很 少 。 总 的 来 说 进展 比较 顺利 ， 我 想 这 很 大 程 

度 上 要 归功 于 Gus Muelle 无 私 的 帮助 。 

如 果 找 不 到 简易 的 解决 方案 ， 另 一 种 选择 是 将 功能 分 拆 为 独立 的 小 工具 。 然 而 ,这样 做 ,用 
户 就 会 认为 你 会 为 这 个 小 工具 提供 最 基本 的 技术 支持 。 如 果 你 并 不 打算 承担 这 项 责任 ,就 千 万 别 
这 么 做 。 

如 果 这 些 方法 都 不 适合 你 , 你 还 可 以 考虑 将 产品 的 旧版 本 保留 一 段 时 间 , 这 样 依赖 你 所 要 去 
掉 功 能 的 人 就 有 机 会 再 次 下 载 。 如 果 必 要 ， 还 可 用 复制 一 份 在 本 地 以 备 将 来 之 用 。 


这 是 你 的 产品 
最 重要 的 一 点 是 记 住 ， 你 要 对 自己 的 产品 负责 。 如 果 你 的 产品 再 也 不 能 满足 用 户 的 需要 , 他 


们 可 以 转向 其 他 产品 , 但 你 却 不 行 。 你 的 用 户 不 知道 一 个 功能 有 多 流行 , 但 你 知道 。 你 的 用 户 不 
知道 为 某 个 功能 提供 技术 支持 以 及 维持 它 的 运转 需要 多 少 工作 量 , 但 你 知道 。 


受制 于 产品 的 人 是 你 ， 因 此 你 要 确保 它 仍然 是 你 值得 付出 并 且 引 以 为 做 的 东西 。 
机 局 


口 有 时 ， 你 不 得 不 从 现 有 的 产品 中 移 除 一 些 功 能 。 这 从 来 都 不 是 一 个 简单 的 决定 。 
口 获取 使 用 数据 ， 了 解 用 户 使 用 产品 的 方式 。 


GD 详 见 http:/www.bohemiancoding.com。 
@ 详 见 http://flyingmeat.com。 
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D 如 果 你 打算 移 除 某 个 功能 ， 在 付 诸 行动 之 前 要 从 用 户 那里 获取 反馈 ， 并 且 解 释 这 么 做 的 
原因 。 
D 尽量 提供 备 选 方案 。 
延伸 阅读 


Mac 开 发 工程 师 Brent Simmons 写 过 很 多 关于 移 除 功能 的 文章 ， 其 中 一 篇 的 链接 如 下 : 
http://inessential.com/2008/07/22/more about deleting features。 


寺 品 经 理 Je 人 fLash 在 博客 上 告诉 你 不 要 惧怕 移 除 功 能 , 详 见 :http:/www.Goodproduct manager. 
com/2008/02/17/do-not-be-afraid-to-remove-features/。 


品 电子 游戏 学 习 


我 们 都 想 将 产品 设计 得 有 趣 些 ,但 是 如 何 做 到 这 一 点 呢 ? 有 趣 的 东西 很 多 。 比 如 ,有 些 人 觉 
得 受惊 吓 很 有 趣 ， 他 们 喜欢 坐 过 山 车 ， 喜 欢 去 鬼屋 。 很 明显 ， 大 多 数 情况 下 ,我 们 无 法 通过 将 产 
品 设计 得 更 可 怕 来 达到 更 有 趣 的 目的 。 当 我 们 使 用 应 用 程序 或 者 网 站 时 , 最 常 体验 到 的 乐趣 是 与 
心 流 (心理 学 教授 Mih&ly Csikszentmih 和 lyi 提 出 的 概念 ) 息息相关 的 。 


什么 是 乐趣 


幸运 的 是 , 心理 学 中 有 很 多 关于 乐趣 的 重要 研究 ， 而 且 结 论 都 一 致 。Mih 和 ly Csikszentmih&lyi 
在 《幸福 的 真意 》 中 冰 述 道 : 当 人 们 有 目标 ， 能 估量 出 实现 目标 的 进度 ， 能 持续 地 得 到 对 成 功 的 
反馈 ， 所 拥有 的 技能 恰好 足以 应 对 挑战 ， 就 会 体验 到 乐趣 。 他 指出 :“ 据 报道 ， 目 前 为 止 ， 最 大 
程度 的 愉悦 体验 源 自 一 系列 有 目的 、 受 规则 约束 的 活动 ,这些 活动 都 需要 体力 , 没有 适当 的 技能 
无 法 完成 。 

与 之 类 似 ，RaphKoster 在 《游戏 设计 的 快乐 之 道 》 总 结 道 : 游戏 玩家 能 够 掌控 任务 时 会 感到 
快乐 。 游 戏 世 界 设置 了 对 玩家 来 说 合理 的 、 有 难度 的 问题 ， 而 玩家 能 人 够 通过 自身 能 力 解决 这 些 问 
题 ， 这 使 得 游戏 很 有 乐趣 。Koster 写 道 : 

快乐 就 是 大 脑 感觉 良好 , 也 就 是 内 啡 肽 释放 到 了 体内 …… 这 种 微量 化 学 物质 会 在 我 

们 学 到 东西 或 者 完成 任务 时 分 沁 。 它 总 会 让 我 们 微笑 。 毕 竞 ， 生 存 很 最 重要 ， 因 此 我 们 

的 身体 会 用 快乐 来 回报 我 们 。 在 游戏 中 有 很 多 获得 快乐 的 方式 ， 但 这 是 最 重要 的 一 种 。 

让 我 们 快速 回顾 一 下 : 满足 下 面 三 个 条 件 时 ， 人 会 感到 快乐 。 


口 面临 有 意义 的 挑战 或 任务 。 
口 有 方法 估 测 是 否 离 完成 挑战 越 来 越 近 。 
口 具备 完成 挑战 的 能 
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既然 被 称 为 挑战 ,用户 的 任务 就 不 能 太 简 单 ， 因 为 那样 很 无 聊 。 不 过 ,任务 也 不 能 太 难 ， 否 
则 用 户 的 压力 太 大 。 当 技能 水 平和 挑战 难度 相 匹配 时 ， 他 们 才 会 获得 快乐 。 


使 游戏 更 有 趣 的 机 制 同样 适用 于 应 用 程序 或 者 网 站 。 
产品 不 能 完全 效仿 游戏 

目前 为 止 我 们 讨论 的 内 容 既 适用 于 游戏 也 适用 于 你 的 产品 。 然而, 二 者 之 间 有 两 个 重要 的 区 
别 : 任务 的 来 源 以 及 任务 难度 的 设置 者。 
游戏 需要 提供 任务 ， 而 产品 不 需要 


玩 游 戏 时 ,游戏 本 身 会 分 配 任务 。 产 品 则 由 用 户 提供 任务 。 我 经 常 听 到 用 户 界面 设计 师 这 
样 说 : 


游戏 让 玩家 做 一 些 不 必要 的 任务 ， 比 如 收集 钱币 。 但 是 用 户 玩 游戏 时 会 有 快感 。 所 
以 ,可 能 在 我 的 应 用 程序 中 让 用 户 做 一 些 不 必要 的 任务 也 没 问 题 ， 用户 在 使 用 我 的 产品 
时 还 是 会 感受 到 乐趣 。 
这 种 理所当然 的 想法 给 过 于 复杂 的 设计 提供 了 借口 。 过 于 复杂 的 设计 提供 了 更 多 事情 让 用 户 
去 做 。 游 戏 也 为 玩家 提供 了 很 多 事 做 : 邪恶 的 Bowser 绑 架 了 公主 ,玩家 要 骑 着 海鱼 把 她 救 回 来 。 
然而 ,你 的 产品 和 游戏 不 同 。 你 不 需要 提供 任何 任务 。 用 户 会 提供 , 例如， 制作 一 部 电影 或 
一 个 展示 文档 ， 或 者 查找 某 些 信息 。 应 用 程序 或 者 网 站 是 完成 这 些 任务 的 工具 。 
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游戏 需要 控制 难度 ， 产 品 则 不 需要 
在 游戏 中 ， 设 计 师 控制 任务 的 难度 。 在 产品 中 ,用 户 控制 任务 的 难度 。 


这 种 差别 听 上 去 无 关 紧 要 , 但 是 会 影响 你 设计 产品 的 方式 。 下 面 是 我 听 到 的 设计 师 关 于 难度 
的 说 法 。 


游戏 可 能 很 难 玩 ， 但 是 玩家 依然 爱 玩 。 所 以 ， 将 我 的 应 用 程序 设计 得 很 难 用 也 没 问 

题 。 这 只 会 让 用 户 觉得 它 更 有 趣 。 

如 果 应 用 程序 或 者 网 站 很 难 用 ， 而 这 种 难度 又 与 实际 的 任务 不 相干 ， 则 不 能 称 之 为 挑战 。 这 
仅仅 会 让 用 户 感 觉 自 己 不 够 聪明 ， 没 法 控制 局 面 。 

你 不 需要 为 用 户 设 置 更 难 的 任务 。 如 果 用 户 觉得 任务 难度 低 , 他 自己 会 增加 难度 的 。 他 会 试 
着 在 电影 中 增加 更 复杂 的 过 度 动 画 和 标题 ,为 书信 和 制作 漂亮 的 信 头 , 在 编辑 照片 时 学 习 使 用 图 层 
特效 。 

效仿 游戏 将 产品 设计 得 更 难 用 还 有 一 个 问题 。 事 实证 明 ， 大 多 数 现代 游戏 并 不 是 真 的 很 难 。 
它们 仅仅 是 被 精心 和 特意 设计 得 看 上 去 很 难 。 

在 任天堂 开创 性 游戏 《超级 银河 战士 》 的 开头 ， 游 戏 的 女 主 角 就 被 大 怪物 袭击 。 这 场 战斗 看 
起 来 不 可 能 赢 ， 玩 家 需要 用 尽 所 有 技能 躲避 怪物 的 攻击 ， 同 时 反攻 。 就 在 他 能 量 快要 耗 尽 、 认 为 
游戏 要 结束 的 时 候 ， 怪 物 忽然 放弃 然后 逃走 了 。 哇 ， 好 难 啊 ! 肯定 只 有 少数 玩家 可 以 做 到 ! 


实际 上 , 怪物 总 是 在 玩家 快 死 的 前 几 秒 放弃 。 任 何人 都 能 赢 ， 只 是 看 起 来 像 几 乎 不 可 能 完成 
的 挑战 。 


在 一 篇 名 为 “Hot Failure: Tuning Gameplay With Simple 
Player Metrics” 的 文章 中 ， 游 戏 开 发 工程 师 Chris Pruet 介 绍 
了 他 用 于 平衡 安 卓 游戏 《小 绿 人 历险 记 》”* 的 难度 的 系统 。 为 
了 测试 他 的 游戏 , 他 发 布 了 一 个 能 记录 玩家 死亡 地 点 的 版 本 。 
利用 这 些 数据 ， 他 制作 了 显示 每 一 关中 玩家 最 易 死 亡 的 位 置 
的 热 图 。 


sa 颜色 越 完 ， 用 户 在 此 处 越 容易 死亡 。 
凭借 热 图 ,他 去 除了 那些 难度 过 大 的 区 域 ， 以 及 对 玩家 不 公平 的 死亡 地 点 ( 比如 在 弹跳 时 不 
可 见 的 陷阱 )。 
此 外 ,他 的 游戏 还 采用 了 难度 动态 调整 系统 ， 可 以 为 那些 死亡 过 于 频繁 的 玩家 降低 难度 。 他 
解释 道 : 


G@ 详 见 http:/www.gamasutra.comy/view/feature/6155/hot failure_ tuning_gameplay_with_ .php。 
@ 详 见 http://replicaisland.net。 
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在 连续 死亡 达到 一 定 次 数 之 后 ,这 个 系统 会 秘密 地 增加 用 户 的 血 量 , 提 升 飞行 能 力 。 
很 多 现代 游戏 都 采用 了 这 样 的 系统 。Sucker Punch 游 戏 工 作 室 开发 了 《声名 狼藉 》 和 《 狭 狐 
大 冒险 》 系 列 ， 其 合伙 人 Bruce Oberg 跟 我 说 过 这 么 几 句 话 :“ 
我 们 想 让 玩家 以 稳定 的 速度 前 进 , 不 想 让 他 们 一 直 死 亡 。 如果 有 一 份 所 有 玩家 死亡 
地 点 的 记录 , 能 看 出 所 有 玩家 控制 的 角色 都 会 在 同一 个 地 点 死亡 ,可 能 我 们 就 需要 对 这 
个 地 点 做 些 改变 ……: 
基本 上 ， 我 们 希望 所 有 玩家 在 玩 这 个 游戏 的 时 候 都 能 尽兴 , 无 论 技 能 水 平 如 何 。 我 
们 希望 所 有 玩家 都 能 取得 进展 并 且 获 得 乐趣 。 
现代 游戏 不 是 因为 难 而 有 趣 , 而 是 因为 大 量 的 测试 让 它们 看 起 来 很 有 挑战 ， 同 时 保证 玩家 能 
克服 所 有 遇 到 的 难题 。 连 续 失 败 一 点 也 不 有 趣 ， 攻 克 看 起 来 很 难 的 挑战 才 有 乐趣 。 
你 可 以 将 这 一 点 应 用 到 产品 中 。 用 户 真 的 很 喜欢 iPad 上 的 Garage Band 之 类 的 应 用 ,因为 它们 
让 人 们 能 够 做 些 比 较 难 的 事情 〈 比如 创作 出 好 听 的 音乐 )， 还 能 得 到 不 错 的 结果 。 这 与 游戏 中 的 
理念 不 谋 而 合 : 挑战 看 起 来 很 难 ， 但 玩家 都 有 机 会 完成 。 
当然 ,我 们 从 游戏 中 能 学 到 的 还 不 止 这 些 。 


我 们 能 从 游戏 中 学 到 什么 


对 于 创造 好 玩 的 东西 ,游戏 设计 师 有 数 十 年 的 经 验 。 如 果 我 们 能 记 住 游戏 与 产品 的 区 别 ， 那 
么 用 户 界 面 设计 师 能 从 游戏 设计 中 学 到 很 多 。 
进度 

Thomas W. Malone 在 论文 “Heuristics for Designing Enjoyable User Interfaces: Lessons from 
Computer Games”“ 中 指出 : 

不 论 是 玩具 还 是 工具 ,用 户 都 需要 某 种 反馈 来 了 解 他 们 实现 目标 的 进度 。 在 游戏 中 ， 

这 种 反馈 通过 一 些 东西 来 提供 ， 比 如 Breakout 中 未 击 中 的 砖 块 ， 以 及 Darts 中 没有 正确 击 

中 数字 线 的 飞镖 的 位 置 。 可 能 还 有 类 似 的 方法 能 够 将 外 部 任务 的 反馈 合并 到 工具 里 。 例 

如 ,贝尔 实验 室 开 发 的 Writer's Workbench 可 以 度量 稿件 的 各 种 风格 特征 ,比如 单词 长 度 、 

句子 长 度 、 使 用 被 动 语 态 的 句子 的 比例 ,等 等 。 这 些 针 对 撰写 可 读 手稿 的 外 部 目标 的 基 

本 反馈 ， 可 能 会 增加 使 用 这 个 工具 的 挑战 。 

换 名 话说， 度量 进 度 并 提供 反馈 ， 可 以 让 活动 更 有 趣 。 


Qa 完整 采访 详 见 http://wisegamers.ch/artikel/417/gamescom interview_bruce oberg infamous 2/。 向 下 滚动 能 看 到 采访 
的 英文 原版 文字 记录 。 
@) 详 见 http://portal.acm.org/citation.cfm?id=801756。 
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普 空 的 《魔界 村 》 之 类 的 电子 视频 游戏 提供 了 一 个 认 眼 图 。 每 当 玩 家 控制 一 个 世界 ， 游 戏 
中 的 骑士 进度 条 就 会 前 进 一 点 。 这 展示 了 玩家 的 任务 , 而 且 对 进度 给 出 了 持续 的 反馈 。EpicWin? 
是 iPhone 上 的 一 款 任务 列表 应 用 ， 它 使 用 类 似 的 隐喻 展示 用 户 的 进度 。 


Tie Progress Ac 


Gold Collected: Miles Travelled: 


4 


fi 


Pn 
Loot 


《魔界 村 》 中 的 进度 反馈 EpidWin 中 的 进度 反馈 


与 之 类 似 ， 在 线 演 示 文 稿 程 序 Prezi 通过 小 进度 条 展现 用 户 学 完了 多 少 教程 。 在 学 完 教 程 之 
前 ， 这 个 小 图 标 一 直 可 见 ， 提 醒 用 户 他 的 进度 。 


EGG 


全 
@ 
a 


Click anywhere & add an idea 


我 通常 不 会 看 完整 个 教程 ， 但 是 这 个 小 进度 条 会 引诱 我 学 完 Prezi 的 整个 教程 。 
进度 条 


整 
但 是 进度 条 不 一 定 要 这 样 死板 。 在 iMovie 中 制作 电影 预告 片 时 ,进度 是 以 用 户 设 置 的 场景 3 
展示 的 。 


GD 详 见 http://www.rexbox.co.uk/epicwin。 
@ 详 见 http://prezi.com。 
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Outiline Storyboard Shot List 


Landscape 


这 同样 展现 了 任务 ， 还 能 告知 用 户 当前 的 进度 。 


游戏 设计 中 适用 于 产品 设计 的 另 一 个 方面 是 技能 成 长 。 游 戏 会 随 着 玩家 技能 的 提升 而 变 得 更 
难 。 产 品 的 用 户 会 为 自己 创造 更 大 的 挑战 ， 如 果 他 们 可 以 的 话 。 为 了 将 用 户 保持 在 挑战 与 技能 相 
匹配 的 “流畅 区 ”， 你 的 产品 需要 与 用 户 的 技能 一 同 成 长 。 


图 像 编辑 应 用 Pixelmator" 就 是 一 个 很 好 的 例子 。 起 初 它 的 用 户 界面 看 似 简单 , 但 是 当 用 户 的 
技能 提升 之 后 ， 他 会 发 现 并 学 习 使 用 那些 最 初 隐 藏 的 新 功能 。 


三 = 
9 
i 但 是 区 着 用 户 技能 的 提升 ， 应 用 也 会 
起 来 越 复 杂 
为 了 让 用 户 提升 技能 ,你 的 产品 需要 有 深度 。 新 用 户 应 该 很 容易 入 门 ， 同 时 也 要 为 高 级 用 户 
提供 可 探索 的 高 级 应 用 。Thomas W. Malone 建 议 将 技能 成 长 过 程 设 计 为 产品 的 一 部 分 。 
例如 ,一 个 多 层次 的 文本 编辑 器 可 以 设计 成 这 样 : 新 手 用 户 只 需要 使 用 几 个 简单 的 
命令 ， 而 高 级 用 户 可 以 使 用 系统 中 更 复杂 、 更 强大 的 功能 。 
重点 是 ， 多 层次 的 系统 不 止 可 以 帮助 解决 简易 和 强大 之 间 的 平衡 问题 ， 而 且 还 增强 


GD 详 见 http:/www.pixelmatorcom。 
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了 使 用 这 个 系统 的 挑战 。 用 户 可 以 从 成 功 掌握 越 来 越 高 层 的 系统 中 获得 自信 和 快乐 ,如 
果 将 这 些 层次 设计 成 系统 中 显 式 的 部 分 ， 那 么 用 户 就 能 更 频繁 地 获得 这 种 快乐 。 


探索 和 奖励 


现代 游戏 通常 会 将 游戏 进度 与 探索 相 结合 ， 通 过 所 谓 的 成 就 系统 来 实现 。 微 软 的 Xbox 是 最 
早 引 入 成 就 系统 的 ， 此 后 其 他 的 游戏 也 纷纷 效仿 。 有 些 系统 称 其 为 奖杯 、 挑 成 、 徽 音 ， 等 等 。 如 
今 ， 常 规 的 应 用 程序 和 网 站 也 开始 引入 这 种 系统 。 


成 就 是 用 户 发 现 产品 的 新 功能 或 者 做 了 积极 的 事 之 后 , 得 到 的 一 种 奖励 。 这 样 可 以 鼓励 实验 
精神 ， 同 时 也 奖励 了 好 的 行为 。 

Audible 的 移动 客户 端 就 同时 使 用 了 徽章 和 使 用 统计 数据 来 展示 用 户 的 进度 ， 以 此 鼓励 用 户 
经 常 听 有 声 读物 。 


at 
Played 


iPhone Listening Level 


FE 
Audible 还 用 这 些 数据 为 用 户 指定 了 不 同 的 级 别 从“ 新手” 到“ 大师” )， 进 一 步 鼓励 用 户 
多 使 用 这 款 应 用 。 


基于 地 理 位 置 的 社交 网 站 Foursquare 使 用 秘密 徽章 来 鼓励 用 户 探索 : 在 使 用 Foursquare 时 发 现 
异常 地 点 的 用 户 会 得 到 奖励 。 


问答 类 网 站 Stack Overflow 使 用 徽章 对 良好 的 行为 进行 奖励 。 除 此 之 外 ,Stack Overflow 还 会 
给 用 户 奖 励 分 数 。 它 甚至 还 有 一 种 叫 作 用 户 才能 (user flair ) 的 机 制 ， 这 是 一 段 用 户 可 以 在 其 他 
网 站 引用 的 HTML 代 码 ， 可 以 用 来 展示 自己 的 分 数 和 徽章 。 


不 过 ， 这 类 系统 也 有 很 大 的 风险 。 自 Xbox 最 初 引 入 成 就 系统 ， 很 多 人 就 开始 对 这 个 系统 的 
影响 感到 不 安 。 最 基本 的 问题 是 系统 使 用 外 部 奖励 (“我 想 玩 这 个 游戏 ， 因 为 我 能 在 游戏 之 外 得 
到 奖励 ”) 代替 了 内 在 动机 (我 想 玩 这 个 游戏 ， 因 为 它 很 有 趣 ” )。 这 使 得 玩 游戏 少 了 很 多 快感 ， 
反倒 更 像 是 工作 。 简 而 言 之 , 如 果 你 对 用 户 使 用 产品 进行 奖励 ,他 们 可 能 会 觉得 自己 使 用 你 的 产 
品 是 因为 你 奖励 了 他 们 ， 而 不 是 因为 真 的 喜欢 你 的 产品 。 我 听 这 个 有 声 读物 是 因为 喜欢 它 , 还 是 
为 想 在 这 款 让 hone 应 用 中 升级 呢 ? 


My Stats 


GD 详 见 http://stackoverflow.com。 
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一 段 时 间 后 ,如 果 没 有 更 多 奖励 ,或 者 奖励 的 效果 和 逐渐 消退 , 用 户 的 行为 可 能 比 之 前 还 要 精 


wy 
wo 


外 部 奖励 取代 内 在 动机 产生 的 影响 , 称 为 过 度 辩护 效应 。 人 类 是 很 复杂 的 , 要 记 住 , 一 个 让 
人 觉得 会 因为 你 想 看 到 的 行为 而 奖励 用 户 的 系统 ， 有 时 会 适得其反 ， 最 终 产生 反 效 果 。” 


竞争 


公开 展示 分 数 引 入 了 游戏 中 另外 一 种 常见 元 素 : 竞争 。 例如 Nike+” 和 RunKeeper* 就 使 用 分 数 
和 竞争 机 制 ， 让 用 户 更 频繁 地 使 用 他 们 的 产品 。 


Twitter 是 另 一 个 使 用 竞争 机 制 来 吸引 用 户 的 系统 。 在 线 社 区 架构 专家 Amy Jo Kim 指 出 ， 
Twitter 用 户 的 关注 人 数 不 像 典型 的 游戏 分 数 ， 更 像 是 一 种 收集 物品 的 比赛 。 


收集 物品 
努力 在 Twitter 中 被 更 多 人 关注 ,非常 像 收 集 棒球 卡 或 者 在 《宠物 小 精灵 游戏 中 收集 / 


es 


\ 精 灵 。 


HIR®S Feceiwed = 人 LR | 
二 -0 i 
TOTOCILE* wu NM 


收集 新 的 小 精灵 有 点 像 在 Twitter 上 赢得 新 的 关注 者 


很 多 游戏 和 应 用 程序 都 涉及 收集 物品 。 比 如 ，iPhone 的 用 户 倾 向 于 收集 应 用 程序 ， 一 个 原因 
是 漂亮 的 图 标 看 起 来 很 有 收藏 价值 。 收 集 很 有 乐趣 ， 即 使 其 中 大 多 数 应 用 程序 你 根本 不 用 。 


一 致 性 原则 
最 后 ,优质 的 游戏 拥有 一 套 易 懂 的 、 固 定 的 、 一 致 的 规则 。 如 果 游 戏 的 规则 总 变 ， 玩 家 会 有 


@ 为 了 测试 哪 一 类 奖励 有 效 ， 哪 些 无 效 ， 你 可 以 从 http://www.acsu.buffalo.edu/~samuelab/IJLM_Badge_Paper.pdf 下 载 
并 阅读 A School-Based Badging System and Interest-Based Learning: An exploratory case study。 

@ 官网 : http://nikeplus.com。 

@ 官网 : http://runkeeper.com。 

人 由 有 关 该 话题 的 演讲 详 见 http:/www.youtube.com/watch?v=ihUt-163gZI。 
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受骗 的 感觉 。 你 的 产品 也 一 样 。 例 如 ， 某 个 工具 的 效果 应 该 始终 相同 , 不管 它 用 在 何 处 或 者 应 用 
在 何 种 物品 上 。Katie Salen 和 Eric Zimmerman 在 Rules of Play: Game Design Fundamentals 中 讨论 规 


电子 游戏 中 的 作用 时 ， 写 道 : 


则 在 


规则 应 该 是 完整 且 无 任何 歧义 的 。 例 如 ， 如 果 你 要 玩 棋盘 游戏 ， 但 是 规则 里 没有 说 
明 当 你 在 某 处 落 子 时 会 怎样, 那么 为 了 游戏 能 顺利 进行 , 必须 消除 这 种 模糊 不 清 的 部 分 。 


规则 可 以 在 不 同 游戏 间 重 复 ， 也 适用 于 不 同 的 玩家 。 


如 果 支 配 产 品 的 规则 模棱两可 或 不 可 重复 , 玩家 就 不 能 对 你 的 产品 的 工作 方式 形 生 正 确 的 心 


智 


模型 。 


以 上 这 些 在 游戏 中 和 常见 的 原理 ， 可 以 让 产品 使 用 起 来 更 有 趣 


他 们 学 习 更 多 ， 并 且 以 积极 的 方式 表现 。 
趣味 性 与 可 用 性 


， 同 时 会 吸引 用 户 探索 产品 , 让 


可 用 性 与 可 食 月 


性 有 点 类 似 。 很 多 东西 都 是 可 食用 的 , 但 是 单单 可 食 月 


目 并 不 代表 某 个 东西 很 


美味 。 同 样 ， 很 多 物品 都 有 可 用 性 ,但 是 仅 有 可 用 人 怕 


美味 的 充分 条 件 ， 而 是 必要 条 件 。 可 用 性 也 不 是 趣味 性 的 充分 条 
的 产品 都 具有 趣味 性 ， 但 是 每 款 有 


因此 ， 虽 然 并 非 每 款 有 可 用 公 
否则 就 太 令 人 诅 丧 了 。 


可 用 的 应 用 程序 


有 趣 的 应 用 程序 


也 不 意味 着 我 们 剖 


i 想 用 它们 。 可 食用 性 不 是 
件 ， 而 是 必要 条 件 。” 


滁 味 性 的 产品 都 必须 可 用 ， 


A 


性 但 依然 有 趣 ， 艺 术 品 。 


实际 上 ， 这 可 能 也 不 完全 正确 。 有 一 种 产品 就 可 以 不 具 可 月 


可 用 的 应 用 程序 


ey 


@ 将 可 用 性 和 可 食 


Gateway to Passionate Users” 


] 性 进行 比较 不 是 我 
次 看 到 了 这 个 类 比 ， 讨 


design-the-gateway-to-passionate-users/。 


| 


先 想到 的 。 我 在 Aarron Walter 的 文章 “Emotional Interface Design: The 
fF Whttp://thinkvitamin.com/design/emotional-interface- 
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如 果 挑 战 用 户 是 你 唯一 的 目标 , 那 你 基本 上 就 是 在 创造 艺术 。 本 书 不 是 关于 艺术 的 ， 而 是 关 
于 人 们 用 来 实现 特定 目标 的 应 用 程序 和 网 站 的 。 

Victor Papanek 在 《为 真实 的 世界 设计 》 中 写 道 :“ 创 作者 放肆 地 表现 自我 ， 不 惜 牺牲 观众 和 
消费 者 的 利益 。 这 种 现象 已 经 像 癌症 细胞 一 样 从 艺术 品 扩散 到 大 多 数 工艺 品 中 , 最 终 波及 了 设计 
领域 。” 这 话说 得 非常 严厉 。 他 感叹 很 多 设计 师 再 也 不 把 用 户 的 需求 放 在 心 上 了 。 

将 产品 设计 得 有 趣 是 个 伟大 的 目标 ， 但 是 绝 不 应 该 以 牺牲 可 用 性 为 代价 。 


要 所 


口 仅仅 有 可 用 性 并 不 代表 产品 有 趣 。 人 然而， 如 果 产 品 都 不 具备 可 用 性 ， 那 很 可 能 也 没有 趣 
味 性 。 

口 如 果 用 户 遇 到 有 意义 的 挑战 ， 有 办 法 度量 他 们 完成 挑战 的 进度 ， 而 且 其 技能 水 平 与 挑战 
难度 相 匹配 ， 那 么 他 们 就 能 感受 到 乐趣 。 

D 不 要 提供 挑 成 ， 用 户 会 自己 寻找 挑战 。 

D 你 不 必 设 置 难度 ， 用 户 会 为 自己 挑选 难度 适宜 的 挑战 。 

D 为 用 户 的 进度 提供 反馈 ， 让 他 们 与 自己 完成 的 挑战 一 同 成 长 ， 让 他 们 体验 更 多 的 乐趣 。 

口 你 可 以 奖励 探索 精神 和 积极 行为 ， 但 是 要 和 警惕 过 度 辩 护 效应 。 


延伸 阅读 


Mih 和 ly Csfkszentmih&lyi 的 《幸福 的 真意 》 和 Raph Koster 的 《游戏 设计 快乐 之 道 》 都 对 趣味 性 
的 要 素 给 出 了 实用 的 见解 。Katie Salen 和 Eric Zimmerman 的 Rales of Pay: Game Desiegn Fundamentals 
[SZ03]， 还 有 Thomas W. Malone 的 文章 “Heuristics for Designing Enjoyable User Interfaces” 也 值得 
一 读 。” 

Replica Island 的 开发 工程 师 Chris Pruett 写 过 一 篇 很 棒 的 关于 游戏 设计 的 博文 ， 其 中 涉及 了 可 
用 性 问题 。” 

在 YouTube 上，Shufflebrain 的 CEO Amy Jo Kim 有 一 场 很 有 趣 的 演讲 ， 名 为 “Putting the Fun in 
Functional: Applying Game Mechanics to Functional Software”。® 


David MecRaney 在 他 的 博客 中 写 过 有 关 过 度 辩护 效应 的 内 容 。” 


GD 详 见 http:/portal.acm.org/citation.cfm?id=801756。 

人 @) 详 见 http://replicaisland.blogspot.com。 

@ 详 见 http:/www.youtube.com/watch?v=ihUt-163gZI。 

@@ 详 见 http://youarenotsosmart.com/2011/12/14/the-overjustification-effect/。 


终于 可 以 开始 写 代码 了 ! 

我 们 已 经 完成 了 用 户 调研 ， 发 现 了 用 户 的 问题 ， 并 为 他 们 想 
好 了 解决 方案 。 我 们 还 完成 了 设计 ， 并 进行 了 反复 的 测试 ， 尽 最 
大 努力 使 它们 实用 和 可 用 。 

到 了 这 一 阶段 ， 对 于 产品 设计 你 已 成 竹 在 胸 ， 是 时 候 开始 创 
造 产品 了 。 但 这 不 是 设计 流程 的 末尾。 实际 上 ， 设 计 流 程 才 刚刚 
开始 。 现 在 你 有 机 会 看 到 自己 的 想法 变 成 现实 了 ， 可 以 看 看 它们 
是 否 真 的 行 得 通 。 如 果 发 觉 某 些 想法 无 效 ， 你 就 要 尽早 改变 方向 。 

一 旦 产品 上 线 发 布 ， 你 就 要 开始 为 下 一 个 版 本 做 准备 。 但 是 
你 怎么 知道 该 改进 哪些 东西 ， 保 留 哪些 东西 呢 ? A/B 测试 和 收集 
使 用 数据 这 类 方法 可 以 帮 你 做 出 选择 。 


现 


在 第 11 章 ， 我 们 探讨 过 三 种 不 同 的 模型 。 
口 心智 模型 关乎 用 户 如 何 理解 产品 的 运作 方式 。 
D _UI 模 型 关乎 产品 会 给 用 户 呈 现 怎样 的 界面 。 
D 实现 模型 关乎 产品 的 实现 方式 。 

在 第 11 章 中 , 我 的 观点 是 ， 当 三 种 模型 一 一 即 用 户 对 产品 运作 方式 的 期 望 、 产 品 所 呈现 的 样 
子 、 产 品 最 终 的 效果 一 一 无 限 接近 的 时 候 ， 用 户 体验 才 达 到 最 佳 。 在 理想 情况 下 ,这 三 种 模型 是 
完全 一 臻 的， 用 户 永 远 不 会 误解 你 的 产品 。 

但 是 在 现实 世界 中 ， 这 三 种 模型 根本 不 可 能 一 致 。 这 是 为 何 呢 ? 


用 户 的 心智 模型 通常 与 产品 的 实际 效果 不 同 , 这 一 点 很 容易 理解 。 用 户 需 要 学 习 产 品 的 运作 
方式 , 这 意味 着 存在 沟通 问题 。 有 时 ， 用户 误解 了 产品 试图 传递 的 信息 , 或 者 因 固 有 的 偏见 而 产 
生 了 误解 。 无 论 原 因 是 什么 ， 产 品 的 工作 方式 与 用 户 的 理解 不 一 致 《有 时 候 甚至 大 相 径 庭 )。 


产品 的 UI 模 型 与 实现 模型 不 一 致 , 这 就 有 点 难以 理解 了 。 创造 产品 的 人 为 何不 能 保证 UI 模 型 
正确 呈现 实现 模型 呢 ? 为 何 用 户 界面 与 后 端的 工作 方式 有 差异 呢 ? 


发 生 这 种 情况 有 很 多 原因 。 通 常 , 根 本 原因 是 “后 端 太 难 理解 ,所 以 前 端 需要 简化 功能 步骤 ”。 
以 下 几 种 具体 情况 都 有 可 能 出 现 。 


口 软件 处 在 开发 阶段 许久 , 后 端 已 经 变 得 混乱 不 堪 。 前端 试图 从 这 混乱 的 逻辑 中 抽象 出 来 。 

D 后 端 在 本 质 上 就 比较 复杂 ， 因 为 它 解决 了 一 个 很 难 的 问题 。 但 是 UI 试图 提供 简单 的 交互 

设计 。 

口 后 端 是 对 人 们 在 模拟 世界 中 所 认 知 事物 的 一 种 数字 实现 〈 例 如 ， 一 个 支付 处 理 器 )， 前 端 
试图 复 现 该 模拟 体验 ， 而 这 与 数字 版 本 的 工作 方式 并 不 完全 匹配 。 


通常 ， 你 无 法 完全 隐藏 复杂 的 后 端 迎 辑 ， 其 中 有 些 诡异 的 逻辑 会 冒 泡 到 用 户 界面 中 。 
后 端 会 影响 前 站 


产品 的 后 端 实现 总 会 影响 前 端的 效果 。 有 时 候 不 必要 的 复杂 逻辑 会 冒 泡 到 用 户 界 面 , 有 时 候 
功能 缺乏 后 端 支持 ,所 以 难以 实现 ,或 者 可 以 实现 ,但 是 后 端的 工作 方式 决定 了 其 效果 不 会 大好 。 

想 想 文件 系统 吧 。 很 多 现代 操作 系统 凭借 路 径 识 别 文 件 。 这 样 的 后 端 实现 细节 对 前 端 有 非常 
大 的 影响 。 这 意味 着 如 果 某 个 文件 被 应 用 程序 打开 了 , 那么 你 重 命名 或 者 移动 这 个 文件 通常 会 导 
致 程序 骨 溃 。 这 是 非常 糟糕 的 用 户 体验 , 问题 的 根源 就 是 某 人 在 实现 一 个 低级 的 后 端 细节 时 所 做 
的 一 个 决定 。 

文件 系统 中 的 路 径 只 是 个 小 例子 。 思考 一 下 更 大 的 系统 。 不 久 前 , 我 的 一 位 朋友 摘 述 了 自己 
的 一 个 想法 。 他 想 开发 一 个 供用 户 管理 足球 (美国 人 说 的 英 式 足球 ) 队 和 赛程 的 在 线 系统 。 起初 ， 
这 看 起 来 是 个 非常 简单 的 提议 。 球 队 教练 可 以 创建 队伍 ， 然 后 添加 球员 ,之 后 他 们 可 以 将 两 个 队 
伍 联系 起 来 创建 比赛 。 


现在 我 们 开始 思考 如 何 实 现 。 

我 们 假定 球员 可 以 拥有 自己 的 账号 。 如 果 在 教练 创建 好 队伍 , 并 且 为 每 个 球员 录入 了 信息 之 
后 ， 某 个 球员 又 创建 了 一 个 账号 会 怎样 ”系统 必须 提供 合并 这 两 个 账号 的 方法 。 

如 果 球 员 效 力 于 多 个 球 队 , 系统 又 该 怎么 处 理 ? 他 们 不 能 只 与 一 个 队伍 相关 联 。 如 果 球 员 转 
到 别 的 队伍 了 呢 ? 系统 能 保留 他 们 之 前 的 比赛 得 分 吗 ， 即 使 他 们 已 经 和 之 前 的 队伍 再 无 瓜葛 ? 


现在 考虑 如 下 场景 : 选 两 文 球 队 , 在 二 者 之 间 创 建 一 场 比赛 。 这 看 似 非常 简单 ,但 是 足球 比 
赛 通常 不 会 这 么 进行 。 实 际 上 , 会 有 很 多 个 队伍 随机 配对 进行 比赛 。 要 么 队伍 之 间 按 积分 排 位 ( 得 
分 最 多 的 队伍 获胜 )， 要 么 就 是 获胜 的 队伍 晋级 下 一 轮 ， 直 到 只 剩 一 支 球 队 为 止 。 实 际 上 ， 这 两 
个 阶段 通常 是 相 结 合 的 ， 队 伍 首 先 要 为 获得 积分 而 比赛 ， 随 后 才 进入 淘汰 赛 模式 。 

如 果 你 考虑 到 所 有 这 些 细 节 ， 就 会 明白 ， 后 端 实现 球 队 、 比 赛 以 及 球员 的 方式 对 系统 能 和 否 支 
持 这 些 不 同 的 功能 有 巨大 的 影响 。 例 如 ,如 果 球 员 只 能 和 一 个 队伍 有 关系 , 那么 他 离开 这 个 队伍 
后 这 个 关系 就 会 删除 ( 看 似 一 个 实现 球员 和 队伍 关系 的 明智 方法 )， 这 样 一 来 ， 该 球员 相关 的 比 
赛 得 分 就 再 也 无 法 回顾 和 恢复 了 。 作 为 设计 师 , 你 需要 详细 说 明 这 些 需 求 , 并且 引 导 后 端 开 发 工 
程 师 ， 保 证 他 们 的 实现 能 兼容 你 的 设计 。 

总 之 ， 你 不 能 将 后 端 开发 完全 交 给 后 端 开 发 工程 师 。 工 程 师 和 UX 设 计 师 有 不 同 的 侧重 点 。 
工程 师 期 望 软件 流畅 、 稳 定 、 简 易 、 可 测试 。 简 单 来 说 ,工程 师 希 望 软件 易于 被 计算 机 理解 。 正 
因 如 此 ,工程师 让 文件 通过 路 径 唯 一 识别 ， 这 正 是 计算 机 很 容易 理解 的 方式 。 


而 设计 师 关 心 的 却 是 其 他 问题 。 他 们 注重 软件 的 美观 高 效 , 希望 提供 用 户 所 需 的 功能 ,并且 
和 用 户 预期 的 效果 一 致 。 设 计 师 期 望 软件 很 容易 被 用 户 理解 。 
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以 计算 机 为 中 心 进行 优化 与 以 用 户 为 中 心 进行 优化 的 结果 截然 不 同 。 
后 端 设计 是 用 户 体验 设计 


由 于 后 端 ， 特 别 是 数据 模型 ， 会 对 用 户 界面 产生 很 大 的 影响 ， 所 以 UX 设计 师 参 与 后 端 设计 
决策 很 重要 。 如 果 UX 设 计 师 参与 文件 系统 的 设计 ， 他 会 指出 程序 绝对 不 能 在 用 户 重 命名 或 移动 
文件 时 衣 演 。 实 际 上 ， 苹 果 公 司 早 就 注意 到 了 这 一 点 ， 因 此 Mac 总 是 能 通过 索引 或 者 唯一 人 D 来 识 
别 文件 。 因 此 ，Mac 的 应 用 程序 允许 用 户 在 文件 被 打开 时 移动 它 或 对 其 重 命 名 。 


设计 师 当 程序 员 

人 们 常常 念 钨 设计 师 应 该 学 习 如 何 写 程序 ,原因 有 很 多 : 为 了 更 好 地 和 开发 工程 师 交 流 ， 
为 了 避免 被 开发 工程 师 忽 悠 ， 为 了 清楚 地 辨别 哪 种 设计 可 行 、 哪 种 无 效 。 

我 不 同意 这 种 观点 ， 原 因 有 两 个 。 

一， 开发 工程 师 和 设计 师 倡 导 不 同 的 理念 ,这 是 好 事 。 设计 师 不 应 该 去 猜测 他 们 的 目 
标 ， 也 不 用 考虑 代码 怎么 写 。 他 们 以 用 户 而 不 是 代码 为 主 。 

第 二 ， 要 想 成 为 专业 的 开发 者 ， 真 正 理解 代码 有 哪些 局 限 ， 需 要 数 年 的 训练 。 要 成 为 伟 
大 的 响 同样 需要 数 年 的 训练 。 期 望 一 个 人 既是 杰出 的 设计 师 又 是 熟知 代码 限制 的 优秀 开 
发 者 ， 这 不 合理 。 

不 过 也 有 例外 ,我 认为 设计 师 学 习 数 据 库 设计 很 有 用 。 应 用 程序 的 数据 模型 的 运转 方式 
对 于 应 用 程序 能 提供 的 功能 类 型 以 及 能 支持 的 用 户 界 面 类 型 有 很 大 的 影响 ,设计 师 参 与 这 些 
讨论 ， 并 且 提 供 明 智 的 、 有 根据 的 反馈 大 有 益处 。 


作为 设计 师 , 在 后 端 工 程 师 开 始 指定 后 端 业 务 逻 辑 之 前 ,你 应 该 定义 常见 的 使 用 场景 ， 为 用 
户 界面 创建 高 水 平 的 草图 。 这 对 于 数据 结构 尤为 重要 。 后 端 与 数据 交互 的 方式 深刻 影响 可 实现 功 
能 的 类 型 以 及 效果 。 


糟糕 的 后 端 设 计 会 导致 UI 模型 和 实现 模型 不 一 致 , 最 严重 的 情况 下 , 导致 原 计 划 的 功能 无 法 


徘 


了 


不 要 将 后 端 设计 工作 完全 交 给 后 端 工程 师 。 要 积极 主动 地 参与 这 些 设计 决策 。 


蒜 


打 洲 击 式 的 本 和 朋 性 测试 
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调研 设计 实现 
概念 


可 用 性 测试 通常 需要 邀请 测试 者 到 场 。 这 带 来 了 很 多 问题 : 你 要 进行 调度 ,建立 简易 的 测试 
实验 室 ,找到 愿意 充当 测试 者 的 人 。 你 可 以 简单 地 变通 一 下 来 规避 这 些 问 题 : 去 拜访 他 们 而 不 是 
让 他 们 过 来 找 你 。 


优点 

你 可 以 尽 最 大 努力 规划 并 设计 产品 ， 但 是 在 真人 测试 之 前 ， 你 无 法 知道 其 效果 如 何 。 "通过 
外 出 找 别 人 做 一 些 和 产品 相关 的 简单 任务 , 你 可 以 快速 定位 需要 优化 的 部 分 , 在 代码 还 很 容易 修 
改 的 时 候 修复 问题 。 现 在 不 花 时 间 进 行 测试 ， 问 题 就 会 在 产品 发 布 之 后 暴露 出 来 。 


先决 条 件 


你 需要 能 够 运行 的 代码 ， 至 少 要 保证 部 分 用 户 界面 可 用 。 你 需要 能 在 便携 设备 上 运行 产品 ， 
例如 笔记 本 电脑 、 手 机 或 者 iPad。 


游击 方式 
在 常规 的 可 用 性 测试 中 , 设计 师 会 邀请 测试 者 来 到 专门 准备 的 工作 空间 ,完成 一 些 任务 。 而 


专家 的 意见 不 能 代替 测试 ， 正 如 http:Wuxmyths.com/posV3086989914/myth-30-iyou-are-expert-you-dont-need-to- 
test-your-des 这 篇 文章 中 概括 的 。 
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设计 师 则 记录 下 他 们 的 行为 ， 随 后 利用 从 这 次 互动 中 收集 到 的 信息 来 优化 用 户 界面 。 

这 种 测试 需要 做 很 多 的 准备 工作 : 需要 设立 工作 空间 , 设计 一 种 记录 测试 者 行为 的 方式 , 需 
要 寻找 测试 者 ， 安 排 时 间 ， 可 能 还 要 为 他 们 的 参与 支付 报酬 。 

由 于 可 用 性 测试 在 软件 社区 越 来 越 普遍 ， 人 们 开发 了 很 多 技术 来 规避 流程 中 的 这 些 问 题 。 这 
通常 被 称 为 游击 式 测 试 。 

这 与 常规 可 用 性 测试 的 主要 区 别 是 ,设计 师 去 拜访 测试 者 ,测试 者 不 必 前 往 专 门 的 测试 地 点 。 


测试 频率 


游击 式 测试 很 简单 ， 不 用 准备 ， 可 以 在 任意 时 间 进 行 。 因 此, 通常 最 好 在 真正 需要 解决 问题 
时 做 游击 式 测试 。 举 个 例子 , 假设 你 想到 了 让 用 户 在 Twitter 应 用 中 发 送 消 息 的 新 方式 ,而且 已 经 
顺利 实现 了 它 ， 但 是 用 户 会 用 这 个 功能 吗 ? 不 要 猜测 ， 要 测试 。 
准备 测试 

你 应 该 在 便携 设备 上 运行 产品 代码 。 如 果 你 的 产品 依赖 某 项 服务 , 或 者 产品 本 身 就 是 一 项 服 
务 , 就 要 提前 准备 一 个 来 宾 登 录 功 能 , 这 样 测试 者 就 不 必 提 供 他 们 的 电子 邮件 地 址 或 者 其 他 个 人 
数据 了 。 如 果 你 的 产品 需要 连 网 ， 那 就 要 确保 测试 的 地 方 有 网 络 。 你 还 要 检查 便携 设备 的 电量 是 
否 满 格 ， 如 果 可 行 且 必要 ， 就 带 一 个 备用 电池 。 

你 还 应 该 考虑 如 何 介绍 自己 的 产品 ,并 设计 一 些 简 单 的 任务 让 测试 者 完成 。 然 后 ， 你 还 要 确 
保 产品 在 执行 这 些 任务 时 不 会 出 现 程序 错误 。 将 每 个 任务 运行 一 遍 , 检测 是 否 一 切 正常 。 你 的 目 
标 是 找 出 用 户 界面 的 问题 ， 而 不 是 代码 的 缺陷 。 

如 果 需 要 ， 你 还 可 以 在 计算 机 中 安装 诸如 Silverback 或 者 Jing" 等 软件 ， 记 录用 户 的 行为 。 


为 何 是 “游击 式 ”? 


表面 上 看 , 游击 式 可 用 性 测试 得 名 于 其 很 像 游击 战争 的 测试 方式 。 它 不 需要 常规 可 用 性 
测试 的 很 多 工具 和 技术 , 而 是 采用 了 更 简单 的 不 需要 很 多 人 参与 的 方式 ,流动 动 极 佳 , 而 且 
有 惊喜 的 感觉 。 然 而 ,我 认为 ， 取 这 个 名 字 只 是 因为 程序 员 和 设计 师 想 让 自己 的 工作 听 起 来 
比 实际 酷 粹 。 嗨 ， 代 码 忍 者 和 摇滚 巨星 设计 师 | 


Qa 在 http://silverbackapp.com 和 http://www.techsmith.com 下 载 这 两 个 软件 。 
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如 何 寻找 测试 者 


只 需 去 附近 的 咖啡 馆 , 找 那些 没 在 看 报纸 也 没有 用 笔记 本 电脑 工作 的 人 , 问 问 他 们 是 否 有 兴 


趣 参与 简短 的 可 用 性 测试 。 


如 果 在 办 公 大 楼 里 工作 , 你 通常 很 容易 在 饮水 机 旁边 找到 人 , 也 可 以 找 那 些 正 在 抽烟 的 人 。 除 
非 你 想 知道 某 个 新 功能 对 于 现 有 用 户 来 说 效果 如 何 ， 否 则 应 避免 找 那 些 过 于 熟悉 你 的 产品 的 人 。 


测试 者 数量 


由 于 在 游击 式 可 用 性 测试 中 不 用 安排 测试 者 的 日 程 ， 你 可 以 根据 需要 请 很 多 人 来 参与 测试 ， 


直到 你 感觉 问题 的 答案 已 经 可 以 确定 。3~5 个 是 最 理想 的 人 数 ， 不 过 即使 只 有 一 个 测试 者 ， 对 于 


设计 中 潜在 的 问题 ， 你 常常 也 可 以 得 到 有 用 的 见解 。 


进行 测试 


这 非常 简单 :找到 愿意 花 五 分 钟 测试 的 人 ,向 他 说 明 你 正在 做 什么 ,应 用 程序 是 做 什么 用 的 ， 


以 及 你 想 让 他 完成 什么 任务 。 如 一 


想 记 录 会 话 过程 ， 你 要 征 得 用 户 的 同意 。 


我 们 正在 开发 一 款 Twitter 的 辅助 应 用 。 你 知道 Twitter 对 吧 ? 太 好 了 。 我 们 想 了 解 用 
户 是 否 知道 如 何 使 用 这 款 新 开发 的 应 用 ， 所 以 要 测试 一 下 。 我 们 并 不 是 要 测试 你 。 如 果 
在 使 用 此 应 用 的 过 程 中 发 现 了 什么 问题 ， 不 要 担心 ， 这 正 是 我 们 要 找 的 。 也 就 是 说 ， 我 
们 的 设计 存在 一 些 缺 陷 。 如 果 你 允许 ,我们 会 对 测试 过 程 进行 记录 ， 以 便 后 续 回顾 。 我 
们 不 会 公开 这 些 记录 和 其 他 类 似 的 东西 。 可 以 吗 ? 好 的 。 首 先 ， 我 们 想 测 试 “ 新 消息 ” 


的 用 户 界面 ,我 们 已 经 登录 了 
测试 过 程 中 你 可 以 随意 交谈 ， 


, 现在 只 想 知 道 用 户 是 否 知道 该 如 何 发 布 新 的 Twitter 信息 。 
也 可 以 说 说 你 的 想法 。 


之 后 ， 坐 回 原 位 ,观察 测试 者 并 且 做 笔记 。 测试 者 很 有 可 能 很 快 遇 到 问题 。 如 果 你 觉得 他 有 
点 肖 形 ， 可 以 介入 ， 给 一 些 提 示 或 者 停止 测试 ， 和 否则 不 要 出 声 。 


我 会 在 稍 后 的 章节 里 讨论 更 多 关于 如 何 进行 可 用 性 测试 的 内 容 , 但 是 现在 , 你 知道 这 些 就 足 


够 了 。 
测试 结果 


让 一 些 人 做 完 测试 之 后 ,你 会 得 到 一 个 问题 清单 。 有 些 问 题 很 多 测试 者 都 碰 到 了 ,这 些 就 是 


你 首先 要 关注 的 。 思 考 为 何人 们 没有 理解 你 的 设计 以 及 应 该 怎么 解决 , 然后 加 以 实现 。 接 下 来 你 
要 再 次 测试 ， 直 到 确认 人 们 能 理解 你 的 设计 。 
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要 所 


口 可 用 性 测试 可 以 很 简单 ， 但 是 依然 能 产生 有 用 的 、 可 实践 的 结果 。 

口 当 你 需要 测试 用 户 界面 的 变动 时 ， 可 以 进行 非 正式 的 游击 式 可 用 性 测试 。 

口 测试 的 准备 工作 包括 : 把 产品 安装 到 便携 设备 上 ， 保 证 产品 可 以 运行 ,设计 一 些 简单 的 
测试 。 

口 去 附近 的 咖啡 馆 或 者 在 办 公 大 楼 找 一 些 无 聊 的 人 ,， 问 问 他 们 是 否 愿 意 花 五 分 钟 帮 你 测试 。 
口 找到 测试 者 以 后 ， 向 他 们 说 明 测试 的 流程 ， 描 述 你 的 产品 ， 并 给 他 一 个 简单 的 任务 。 

口 不 要 打 断 他 们 ， 除 非 你 觉得 测试 考 有 点 诅 丧 或 者 遇 到 问题 了 。 做 好 笔记 。 

口 在 几 个 测试 之 后 ， 你 会 清楚 地 了 解 到 你 的 用 户 界面 哪里 仍然 有 问题 。 修 复 问 题 ， 然 后 再 
测试 。 


延伸 阅读 


David Peter Simon 针 对 这 个 话题 写 了 一 篇 很 优秀 的 文章 ， 名 为 “The Art of Guerrilla Usability 


0 


Testing” 。 


GD 详 见 http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/。 
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做 游击 式 可 用 性 测试 (或 任何 其 他 类 型 的 可 用 性 测试 ) 时 ,你 会 给 测试 者 要 做 的 任务 虚构 一 
些 场景 。 你 会 做 一 些 介绍 , 为 他 们 解释 任务 , 诸如 此 类 。 你 还 可 能 已 经 为 他 们 设置 好 了 应 用 程序 ， 
所 以 他 们 不 用 自己 设置 ， 比 如 ,我 们 的 Twitter 辅助 应 用 设置 好 了 Twitter 账号 。 应 用 的 普通 用 户 就 
没有 这 么 好 的 待遇 了 ， 他 们 需要 自己 操作 。 

用 户 第 一 次 打开 应 用 程序 的 情景 是 很 值得 思考 的 。 他 们 完全 没有 使 用 过 你 的 应 用 , 也 没有 任 
何 期 待 。 应 用 中 也 没有 他 们 的 任何 数据 。 

对 于 如 何 引 导 用 户 使 用 产品 , 以 及 如 何 为 他 们 展示 一 些 内 容 , 有 一 种 很 常用 的 方法 ， 就 是 利 
用 应 用 中 的 空白 空间 展示 首次 运行 介绍 。 

( 让 用 户 动手 使 用 产品 有 时 被 称 为 “用 户 上 岗 ”。) 

当 用 户 首次 运行 你 的 产品 时 ， 你 想 达 到 两 个 目的 。 

口 你 想 让 他 们 高 效 地 使 用 产品 。 
口 如 果 有 必要 ， 你 还 想 教 他 们 一 些 有 关 使 用 产品 的 基础 知识 。 
让 我 们 依次 看 一 下 这 两 点 。 


不 仅 是 应 用 程序 
当然 ,提供 一 个 良好 的 首次 运行 体验 不 仅 适用 于 应 用 程序 。 所 有 产品 都 能 从 中 受益 。 你 


的 手机 应 该 告诉 用 户 如 何 充电 、 如 何 开机 。 你 刚 买 的 棋盘 游戏 需要 让 新 玩家 快速 玩 起 来 ,而 
不 需要 他 们 先 花 一 个 小 时 来 阅读 手册 。 你 的 新 烤箱 要 很 容易 设置 正确 的 时 间 。 

以 Kindle 为 例 ， 当 设备 关闭 时 屏幕 上 会 有 一 张 一 直 可 见 的 图 片 。 亚 马 逊 很 聪明 地 利用 这 
一 功能 在 屏幕 上 显示 了 一 些 设 置信 息 。 类 似 地 ， 手 机 屏幕 上 通常 会 放置 一 些 搓 拉 式 的 说 明 。 
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引导 用 户 启动 并 运行 应 用 


如 今 ,很 多 应 用 程序 都 需要 某 种 注册 过 程 才能 正常 工作 。 例如， 我 们 的 Twitter 客 户 端 需要 访 
问 Twitter。 即 使 像 待 办 事项 列表 或 者 密码 管理 一 类 的 软件 ， 也 可 能 想 让 用 户 登 录 一 个 服务 ,以 在 
不 同 设备 间 同 步 任 务 和 密码 ; 你 的 文字 处 理 器 也 可 能 想 让 你 登录 账号 ， 因 为 你 要 用 订购 服务 来 付 
费 。 这 就 是 你 想 让 用 户 在 开始 使 用 产品 之 前 先 做 点 什么 的 一 种 情况 。 

另 一 种 情况 是 ,应 用 程序 需要 用 户 的 数据 才能 正确 地 工作 。 一 个 例子 就 是 天 气 应 用 ,为 了 给 
用 户 显 示 相 关 的 天 气 信 息 , 应 用 需要 知道 用 户 常 去 的 地 方 。 需 要 用 户 新 建 工 程 才能 开始 编辑 网 站 
的 网 页 设计 工具 ， 还 有 需要 用 户 输入 单 号 的 包 庄 追踪 程序 ， 也 是 这 种 情况 。 

如 果 可 以 ， 就 不 要 询问 用 户 ， 尽 可 能 直接 获取 这 些 数据 。 例 如 ， 在 iOS 中 ， 你 可 以 用 内 置 的 
同步 工具 在 不 同 的 设备 上 同步 数据 。 这 样 用 户 首次 在 iPad 中 打开 一 款 软件 时 ， 它 已 经 自动 设置 好 
了 ， 因 为 用 户 之 前 在 Phone 上 用 过 这 款 应 用 。 

如 果 你 无 法 由 其 他 设备 同步 得 到 这 些 信息 ， 想 想 能 否 合理 地 猜测 一 下 。 比 如 ， 天 气 应 用 可 以 
自动 选择 用 户 的 当前 位 置 ， 而 不 是 去 询问 用 户 的 位 置 。 

如 果 无 法 猜测 ， 那 就 尽量 让 获取 信息 的 过 程 简 单一 些 。 比 如 ， 如 果 某 项 服务 需要 用 户 注 册 ， 
那么 可 以 先 让 他 们 试用 ,不 要 急 着 要 求 注 册 。 当 用 户 注册 时 ,只 让 他 们 填 那 些 你 真正 需要 的 信息 ， 
避免 让 用 户 填 几 十 个 表单 项 。 

最 后 ,让 功能 对 用 户 来 说 明显 一 些 。 如 果 他 们 首次 打开 上 述 的 那 款 网 页 设计 工具 , 还 未 配置 
任何 网 站 ,那么 程序 可 能 看 上 去 空荡荡 的 , 没有 吸引 力 ， 其 至 像 坏 了 一 样 。 类 似 地 , 没有 任何 待 
追踪 单 号 的 包 庄 追踪 程序 就 是 一 个 空 列表 。 用 户 应 该 怎么 着 手 使 用 ?他们 如 何在 网 页 设计 工具 中 
设置 一 个 新 的 网 页 项 目 ?” 如 何在 包 于 追踪 应 用 中 键入 单 号 ? 尽 可 能 直观 地 告诉 用 户 该 如 何 开始 
操作 。 


教 用 户 使 用 应 用 
解决 上 述 问 题 时 ， 设 计 师 常常 会 想到 如 下 方案 。 


HX~~ 


一 个 单 号 都 没有 呀 ? 点击 这 里 
新 增 一 个 吧 ! 


| 全 
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吕 


乍 一 看 ， 这 种 方法 可 能 没什么 不 好 。 毕 竟 它 解决 了 问题 。 当 用 户 第 一 次 打开 这 个 包 囊 追 踪 应 
用 时 ， 他 们 立即 就 知道 如 何 解决 列表 为 空 的 问题 。 

但 问题 是 , 这 将 首次 运行 当成 了 一 种 特殊 场景 。 当 同一 个 用 户 下 一 次 打开 这 款 应 用 时 ,列表 
就 不 再 是 空 的 了 ， 而 那个 大 大 的 “增加 单 号 ”按钮 也 不 在 那里 了 。 如 果 用 户 想 增添 另 一 个 单 号 怎 
么 办 ?首次 运行 体验 只 教会 用 户 如 何 应 对 列表 全 空 的 特殊 情况 , 没有 解释 如 何在 包 庄 追踪 中 新 增 
一 个 包 右 这 个 一 般 性 问题 。 

“增加 单 号 ”这 个 按钮 很 好 ， 方 便 快 捷 ， 但 只 有 一 次 有 效 。 

更 好 的 办 法 如 下 图 所 示 。 在 这 个 方案 中 ,首次 运行 体验 不 再 被 当 作 特殊 情况 。 这 里 不 是 解决 
给 空 列表 添加 第 一 个 单 号 这 个 特殊 问题 ， 而 是 教 用 户 解决 在 应 用 中 添加 新 单 号 的 一 般 性 问题 。 


咬 ~~ 


一 列 单 号 都 没有 呀 ? 点 击 右上 角 
的 “按钮 ， 新 增 单 号 吧 1 


当然 , 过 犹 不 及 。 有 些 应 用 显示 了 非常 详尽 的 图 层 ,， 说 明了 每 个 UI 元 素 的 作用 ， 就 像 下 图 所 
示 的 那样 。 在 Desienipg for Touch 中 ，Josh Clatk 指 出 这 些 图 层 让 你 的 软件 看 起 来 比 实际 更 复杂 ， 
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而 且 ， 如 果 界 面 混乱 到 需要 说 明 每 个 元 素 的 作用 ， 那 用 户 界面 很 可 能 有 问题 。 
解决 什么 问题 
重要 的 是 思考 首次 运行 时 界面 需要 解决 哪些 问题 。 空 屏 应 帮助 用 户 做 什么 , 用 户 启动 并 运行 
软件 时 需要 做 什么 ， 取 决 于 产品 本 身 。 

Twitter 客 户 端 需要 用 户 登 录 账 号 。 旅 行 应 用 需要 用 户 输入 航班 号 , 或 者 授予 访问 电子 邮件 的 
权限 ， 以 便 应 用 在 邮件 中 寻找 航班 号 。 问 问 自己 ， 用 户 需 要 做 哪些 事 才 能 让 应 用 程序 进入 高 效 、 
实用 的 状态 。 

需要 考虑 到 的 是 ,空白 不 一 定 代 表 无 用 。 对 于 一 个 电子 邮件 客户 端 来 说 , 收 件 箱 为 空 可 能 是 
理想 的 情况 。 也 许 你 还 是 不 想 给 用 户 显示 一 个 空 列表 ,但 是 相 较 告诉 用 户 如 何 装 满 它 (“给 自己 
发 邮件 ”)， 你 更 应 该 恭喜 他 们 收 件 箱 是 空 的 。 


要 氮 


口 应 用 程序 应 该 让 用 户 尽 可 能 简单 地 局 动 和 运行 。 

口 需要 注册 的 服务 要 设计 得 尽 可 能 简单 。 

口 如 果 需 要 创建 或 者 输入 信息 ( 例如 ， 包 庄 追踪 单 号 )， 那 就 向 用 户 呈 现 通用 的 方式 ， 不 要 
为 新 用 户 首 次 打开 应 用 程序 这 个 特殊 情况 提供 快捷 方式 。 

口 思考 新 用 户 要 使 用 应 用 程序 解决 什么 问题 ， 并 确保 首次 运行 体验 能 解决 这 个 问题 。 


延伸 阅读 


Krystal Higgins 在 http://firsttimeux.tumblr.com/ 上 有 一 篇 很 赞 的 博文 ， 评 佑 了 不 同 应 用 程序 的 
首次 运行 体验 。 你 还 能 在 http:/thefirstrun.tumblrcomy/ 找 到 一 篇 类 似 的 博文 。 


Josh Clatk 所 车 的 Designing for Touch， 有 一 章 专 门 讲解 了 用 户 培 训 探 索 。 
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CU | [TAUAAAAAAA 
调研 设计 实现 
概念 


在 关于 纸 面 原型 的 第 14 章 ,你 第 一 次 了 解 了 可 用 性 测试 。 现在, 我们 要 用 真实 的 可 运行 代码 
实践 一 下 。 在 很 多 方面 ,测试 代码 比 测试 纸 面 原型 简单 ， 因 为 你 不 需要 模拟 计算 机 。 对 可 运行 的 
应 用 程序 进行 测试 还 允许 你 以 更 自由 的 方式 做 可 用 性 测试 。 本 章 回顾 了 之 前 提 到 过 的 一 些 观 点 ， 
同时 引入 了 大 量 不 适用 于 纸 面 原型 的 新 概念 。 


本 章 专 注 于 解释 可 用 性 测试 及 其 准备 工作 。 接 下 来 的 两 章 将 阐述 如 何 进行 可 用 性 测试 。 

本 章 介绍 的 一 些 概 念 非常 适合 大 型 团队 , 其 他 一 些 则 适合 较 小 的 团队 甚至 个 人 独立 完成 测试 。 
即便 不 是 所 有 内 容 都 能 直接 应 用 于 你 的 实际 情况 ， 但 总 有 一 些 内 容 适 合 你 。 
优点 

如 果 想 知道 自己 的 设计 是 否 有 效 , 你 需要 看 看 用 户 能 否 理 解 它 。 第 32 章 介绍 的 简单 的 游击 式 
可 用 性 测试 可 以 帮 你 做 到 这 一 点 。 更 大 范围 的 可 用 性 测试 能 让 你 获得 更 好 的 结 
先决 条 件 


你 需要 可 运行 的 代码 ， 而 且 至 少 部 分 用 户 界面 能 正常 工作 。 


你 还 应 该 看 过 第 14 章 ,因为 那 一 章 介 绍 的 概念 会 在 本 童 和 接 下 来 的 章节 中 用 到 ,而 这 里 不 会 
再 详细 解 
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可 用 性 测试 的 成 本 无 需 太 高 


可 用 性 测试 的 基本 目标 是 观察 用 户 使 用 产品 或 者 产品 原型 , 识别 出 用 户 界面 中 对 用 户 来 说 可 
能 难以 操作 的 部 分 。 
测试 的 成 本 可 以 很 高 ， 比 如 你 可 以 雇用 一 位 可 用 性 专家 , 使 用 配备 双向 镜 的 实验 室 ， 为 测试 
计划 几 周 ， 找 不 同 的 测试 者 进行 测试 , 评估 和 讨论 结果 ， 生 成 关于 所 有 问题 和 解决 方案 的 测试 报 
告 (可 以 包括 视频 )。 
测试 的 成 本 也 可 以 很 低 , 你 仅 需 要 拿 着 笔记 本 电脑 去 咖啡 店 , 然后 请 别人 用 你 的 产品 做 些 简 
单 的 任务 。 
本 章 采 取 折 中 的 方式 : 得 到 最 好 的 结果 ， 同 时 尽 可 能 少 投 入 。 
可 用 性 专家 Jakob Nielsen 指 出 了"， 即 便 是 很 差劲 的 可 用 性 测试 也 会 产生 一 些 有 用 的 结果 。 
更 好 的 可 用 性 方法 确实 能 产生 更 好 的 结果 ， 一 般 来 说 是 这 样 。 但 是 从 记录 来 看 ， 表 
现 最 好 的 团队 仅仅 遵循 了 56% 的 最 佳 方 法 。 其 至 只 遵循 20%~30% 最 佳 方 法 的 团队 ( 调研 
不 足 ) 也 能 找到 产品 中 1/4 的 严重 可 用 性 问题 。 
在 设计 中 找 出 两 个 严重 的 可 用 性 问题 是 很 值得 的 , 尤其 是 如 果 你 能 只 测试 三 个 用 户 ， 
那么 基本 上 只 需要 一 下 午 的 时 间 .…… 
差劲 的 用 户 测试 也 比 不 测试 强 。 
因此 , 很 拙劣 的 测试 依然 比 完全 不 做 测试 要 好 得 多 。 但 基于 一 些 简单 的 原则 , 我 们 可 以 用 很 
少 的 预算 做 出 相当 不 错 的 可 用 性 测试 。 
很 多 设计 师 和 开发 者 不 做 可 用 性 测试 ， 因 为 他 们 觉得 自己 没有 时 间 。 日 程 很 紧 ， 即 便 是 花 一 
天 时 间 在 为 产品 增加 功能 以 外 的 事情 上 ， 也 意味 着 项 目 超 期 一 天 。 
问题 不 是 公司 可 用 性 测试 做 得 不 够 好 , 而 是 他 们 根本 没 做 测试 。 本 章 不 谈 最 好 的 可 用 性 测试 ， 
只 介绍 简单 、 廉 价 而 且 能 产生 有 效 结果 的 可 用 性 测试 。 
我 们 来 看 几 种 不 同 的 可 用 性 测试 方法 。 有 些 方法 花费 的 时 间 比 较 多 , 但 是 即使 你 每 周 只 投入 
几 个 小 时 ， 也 能 得 到 很 好 的 结果 。 


测试 频率 


做 可 用 性 测试 就 像 是 慢跑 : 做 得 越 多 ,做 起 来 越 容 易 ， 你 也 会 更 擅长 于 此 。 专 家 经 常 推荐 每 
个 月 花 几 天 时 间 ， 但 是 为 可 用 性 测试 留 出 几 天 时 间 很 难 办 到 。 另 外 ， 如 果 一 个 月 只 做 一 次 测试 ， 
你 也 不 会 习惯 于 测试 。 这 两 点 最 终 会 让 你 彻底 停止 测试 。 因 此 ,我 建议 计划 得 简单 一 些 : 每 周 抽 


GD 详 见 http:/www.useit.com/alertbox/discount-usability.html。 


测试 人 数 191 


出 半天 时 间 来 做 测试 。 

很 快 你 就 会 发 现 反 馈 循环 会 让 人 上 净 。 每 周 ， 你 都 会 找到 新 问题 ， 而 在 找到 解决 方案 之 后 ， 
你 会 急于 知道 它们 是 否 有 效 。 相 比 等 一 个 月 才 做 下 一 次 测试 , 早 一 些 看 到 新 设计 的 效果 更 令 人 激 
动 ， 无 论 它 解决 了 问题 还 是 引入 了 新 问题 。 


测试 人 数 
Jakob Nielsen 有 一 个 非常 著名 的 观点 :仅仅 5 个 用 户 就 能 找 出 一 个 较 大 团队 所 能 发 现 的 几乎 所 
有 可 用 性 问题 。" 但 是 只 测试 这 么 几 个 人 也 需要 做 很 多 工作 。 记 住 ， 我 们 的 目标 是 每 周 只 花费 半 
天 。 找 5 名 测试 者 ,安排 他 们 同一 天 过 来 ,确保 有 人 接待 他 们 ( 以 防 他 们 来 得 太 早 或 太 晚 ) 将 所 
有 文件 准备 5 份 一 一 你 无 法 在 半天 内 做 完 所 有 这 些 事 
不 过 ， 你 每 周 只 找 一 个 人 做 测试 也 可 以 得 到 有 用 的 结果 。 


在 谈论 测试 单个 用 户 的 原因 之 前 , 我 们 先 看 看 反对 这 一 做 法 的 观点 。Nielsen 在 他 的 文章 中 指 
出 了 这 种 方法 的 两 个 缺点 。 


其 一 ， 无 法 对 比 测试 结果 。 如 果 找 5 个 人 测试 ， 你 很 容易 识别 出 紧迫 的 问题 ， 因 为 不 止 一 个 
人 碰 到 了 这 些 问 题 。 通 常 , 即 便 只 有 一 个 人 进行 测试 ,你 也 可 以 对 问题 的 重要 性 做 出 合理 的 猜测 ， 
但 并 非 总 是 如 此 。 不 过 ,这 也 不 是 什么 大 问题 ， 因 为 你 每 周 都 要 测试 一 次 设计 ,不 确定 是 否 紧 急 
的 问题 可 以 直接 忽略 ， 紧 急 的 问题 很 快 还 会 再 次 显现 。 

其 二 , 测试 的 准备 工作 只 会 产生 一 个 测试 结果 。 如 果 进 行 更 广泛 的 测试 ， 需 要 做 更 多 的 准备 
工作 ， 这 一 问题 尤为 明显 。 相 当 大 的 投入 只 产生 相当 微小 的 结果 。 如 果 计 划 进 行 更 广泛 的 测试 ， 
需要 做 大 量 的 准备 工作 , 那么 你 就 需要 找 更 多 的 人 来 测试 。 不 过 , 本 章 介绍 的 几 类 测试 不 需要 太 
多 的 准备 工作 。 

以 上 就 是 这 种 方法 的 缺点 。 地 和 运 的 是 ， 只 找 一 个 人 测试 也 有 很 多 明显 的 优点 。 


口 因为 每 次 只 需 找 一 个 人 ， 所 以 更 容易 找到 测试 者 。 

口 不 必 调 整 多 个 人 的 日 程 安排 。 通 常 ， 找 一 个 两 个 人 (设计 师 和 测试 者 ) 都 方便 的 时 间 很 
容易 。 如 果 增 加 一 个 测试 者 ， 那 么 找 一 个 三 个 人 都 方便 的 时 间 就 难 多 了 。 我 们 约见 的 多 
数 人 的 办 公 室内 都 有 待 客 室 ， 这 是 有 原因 的 : 日 程 很 难 安排 ， 而 且 经 常安 排 得 不 合理 。 
即使 找到 了 所 有 人 都 方便 的 时 间 ， 测 试 过 程 也 难免 出 现 问 题 。 只 有 一 个 用 户 的 话 ， 你 可 
以 让 测试 时 间 比 预期 稍微 长 一 点 。 但 如 果 有 其 他 人 在 等 待 ， 你 就 不 得 不 按时 停止 测试 。 

口 如 果 只 有 一 个 用 户 ， 你 自己 就 能 掌控 整个 测试 过 程 。 如 果 有 多 个 用 户 ， 你 可 能 需要 其 他 

人 来 帮 你 照顾 等 待 测 试 的 人 ， 或 者 去 迎接 在 你 测试 时 到 来 的 人 。 


和 


二 
月 o 


@ 详 见 http:/www.useit.com/alertbox/20000319.html。 
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当然 , 如果 有 足够 的 时 间 、 预 算 和 帮手 ,3~5 名 用 户 的 测试 会 比 仅 有 1 名 用 户 的 测试 产生 更 理 
想 的 结果 。 但 是 不 要 回 为 时 间 和 预算 紧张 就 不 做 可 用 性 测试 。 


《注意 ， 这 一 限制 并 不 适用 于 第 32 章 介绍 的 游击 式 可 用 性 测试 。 如 果 你 去 拜访 测试 者 而 不 是 
让 他 们 来 找 你 , 多 人 测试 的 问题 基本 上 就 消失 了 。 在 这 种 情况 下 , 我 建议 你 同时 进行 多 个 测试 。) 


谁 来 充当 测试 者 


除非 你 设计 的 产品 面向 非常 特殊 的 用 户 群 体 ， 否 则 邀请 谁 来 做 可 用 性 测试 一 般 没 多 大 关系 。 
即使 面向 特殊 用 户 群 体 ， 找 群体 之 外 的 人 来 测试 也 有 一 定 的 意义 。 原 因 有 如 下 两 点 。 

其 一 ， 人 和 人 的 行为 总 是 出 奇 地 一 致 。 如 果 你 的 设计 有 很 大 的 问题 , 那 无 论 你 招募 谁 作为 测 
试 者 都 会 发 现 这 些 问 题 。 

其 二 ,即便 面向 特殊 用 户 群体 ,这 一 群体 的 成 员 也 不 一 定 完全 是 同一 类 人 。 有 些 人 在 这 个 领 
域 比 其 他 人 更 有 经 验 。 如果 有 意 仅 从 特殊 群体 中 挑选 测试 者 , 你 可 能 会 漏 掉 那些 对 目标 群体 中 经 
验 少 的 成 员 有 影响 的 问题 。 例 如 ,你 要 对 一 款 在 医院 中 使 用 的 产品 进行 测试 。 如果 你 只 请 医院 的 
老 员工 参与 测试 , 那么 你 找到 的 测试 者 都 是 熟悉 医院 流程 以 及 相关 医学 术语 的 人 。 然而 , 医院 的 
新 员工 对 这 些 并 不 熟悉 ， 可 能 会 遇 到 测试 小 组 没有 发 现 的 可 用 性 问题 。 因 此 , 虽然 从 目标 用 户 中 
找 测试 者 很 合理 ， 但 是 不 应 该 将 测试 者 限定 在 那个 群体 中 。 

这 同样 适用 于 那些 已 经 参与 过 某 个 产品 的 可 用 性 测试 的 现 有 用 户 或 者 个 人 。 如 果 你 为 一 款 产 
品 更 新 了 设计 , 通常 要 从 那些 已 经 熟悉 产品 的 人 群 中 挑选 人 来 参与 测试 。 这 些 人 可 能 已 经 知道 了 
产品 的 某 些 行为 , 他 们 操作 用 户 界面 的 方式 与 新 手 不 同 。 你 要 重点 测试 那些 对 产品 没有 任何 思维 
定式 的 人 ， 同 时 也 要 找 一 些 现 有 的 用 户 做 测试 。 


在 测试 中 ,文化 背景 非常 重要 。 符 号 和 颜色 对 于 世界 各 地 的 人 而 言 有 着 不 同 的 意义 。 例 如 ， 
日 本 游戏 中 经 常用 一 个 大 红 圆 圈 来 代表 胜利 , 看 上 去 像 是 停止 标志 。 这 对 于 日 本 玩家 来 说 代表 获 
胜 ， 对 于 西方 玩家 来 说 却 代表 相反 的 意思 。 

如 果 你 期 望 不 同文 化 背景 的 人 使 用 你 的 产品 ， 通 过 测试 者 发 现 这 种 多 样 性 也 很 有 意义 。 

最 后 ， 虽 然 本 书 没有 涵盖 可 访问 性 的 内 容 "， 在 这 里 我 仍然 要 说 ， 请 那些 视力 不 佳 的 人 、 老 人 
以 及 残障 人 士 来 做 可 用 性 测试 通常 也 很 有 意义 。 你 可 以 通过 他 们 发 现 可 能 被 忽视 的 可 访问 性 问题 。 

重点 仍 是 : 不 要 花 太 多 时 间 从 特定 人 群 中 招募 测试 者 。 多 数 时 候 ， 人 们 会 发 现 同样 的 可 用 性 
问题 ， 无 论 他 们 的 背景 如 何 。 


@ 如 果 你 正在 找 可 访问 性 相关 的 内 容 , 可 以 在 http://diveintoaccessibility.info 中 查看 Mark Pilgrim 的 “Dive Into Accessibility”， 
还 可 以 访问 Joe Clark 的 网 站 : http://joeclark.org。 
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如 何 寻找 测试 者 


你 可 以 通过 很 多 途径 寻找 测试 者 。 


下 面 这 些 不 错 的 点 子供 你 参考 。" 


口 朋友 亲 威 。 开 始 招 募 测 试 者 最 简单 的 方法 就 是 求助 朋友 和 亲 威 。 反 复 找 同一 个 测试 者 也 


是 可 以 的 ,但 是 不 要 没 玩 没 了 地 找 同 一 个 人 。 我 不 建议 让 同事 来 做 测试 ， 因 为 他 们 可 能 


在 一 定 程度 上 了 解 了 你 的 产品 ， 


而 普通 用 户 则 不 然 。 


口 专业 机 构 招 募 。 有 很 多 专业 的 招聘 机 构 能 帮助 你 寻找 测试 者 ， 但 是 一 定 要 对 比价 格 之 后 
再 联系 他 们 。 如 果 使 用 机 构 ， 你 很 有 可 能 找到 一 些 经 常 参 加 此 类 测试 活动 的 人 ， 这 背离 


了 你 的 初衷。 


有 的 用 户 。 


D 网 站 招募 。 你 还 可 以 通过 自己 的 网 站 来 寻找 测试 者 ， 这 样 做 的 缺点 是 你 可 能 找到 的 是 现 


口 当地 报纸 招募 。 在 当地 报纸 上 刊登 一 则 广告 常常 就 有 很 好 的 效果 。 如 果 你 在 大 学 附近 届 


住 ， 校 园 公 告 栏 中 通常 就 有 这 样 的 版 块 ， 你 可 以 在 里 面 打 广 告 寻 找 测试 者 。 


请 记 住 ， 以 上 有 些 方式 需要 你 向 测试 者 支付 报酬 。 


不 同类 型 的 测试 


如 果 你 要 测试 一 个 纸 面 原型 , 那么 执行 可 用 性 测试 的 方式 会 受到 诸多 限制 。 纸 面 原型 的 性 质 
基本 决定 了 你 测试 它 的 方式 。 使 用 实际 运行 的 代码 做 可 用 性 测试 拥有 更 大 的 自由 度 , 关于 如 何 进 
行 测试 也 有 很 多 不 同 的 观点 。 我 粗略 将 它们 分 为 三 类 测试 : 限制 任务 的 测试 、 任 务 自由 的 测试 ， 


以 及 形式 自由 的 测试 。 


由 于 测试 类 型 决定 了 你 该 如 何 做 准备 工作 , 我 先 介 绍 不 同类 型 的 测试 , 稍 后 再 解释 如 何 进 行 


不 同 的 测试 。 
限制 任务 的 测试 


在 限制 任务 的 测试 中 , 协助 者 会 对 测试 加 以 限制 , 并 向 测试 者 介绍 不 同 的 活动 或 者 任务 。 主 
持 人 会 在 测试 者 执行 任务 期 间 观 察 他 们 。 协 助 者 会 在 测试 期 间 和 测试 者 待 在 一 起 并 与 他 们 互动 。 


任务 自由 的 测试 


在 任务 自由 的 测试 中 , 协助 者 会 为 用 户 介 绍 可 用 性 测试 , 并 解释 流程 ， 之 后 会 给 用 户 一 张 写 
有 多 个 任务 的 纸 ， 然 后 离开 房间 。 在 这 类 测试 中 , 测试 者 和 协助 者 之 间 很 少 或 没有 互动 ,协助 者 


不 会 对 测试 者 造成 任何 影响 。 


GD Christine Perfetti 提 出 了 更 多 想法 ， 详 见 http 


://perfettimedia.com/articles/usability-tests-in-a-nutshell-part-2-recruiting-users/。 
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形式 自由 的 测试 


在 形式 自由 的 测试 中 , 测试 者 没有 任务 。 协 助 者 会 鼓励 他 们 自己 探索 产品 ,做 一 些 他 们 感 兴 
趣 的 任务 。 如 果 你 招募 的 测试 者 已 经 对 你 的 产品 产生 了 兴趣 ( 比如 你 通过 自己 的 网 站 招募 的 测试 
者 )， 那 么 这 种 测试 就 很 有 效 。 

在 现实 中 , 你 经 常 需 要 将 不 同类 型 的 测试 结合 起 来 。 例 如 ,首先 由 协助 者 鼓励 测试 者 探索 产 
品 ， 而 后 转变 为 基于 任务 的 测试 。 


准备 测试 


不 同 的 测试 需要 不 同 的 准备 。 一般 来 说 , 你 需要 一 台 计算 机 。 缉 载 所 有 可 能 影响 测试 的 无 关 
软件 ， 比 如 病毒 防护 软件 。 安 闭 你 的 产品 ， 保 证 所 采用 的 安装 方式 能 让 你 很 容易 地 把 产品 恢复 到 
默认 状态 〈 你 肯定 不 希望 系统 中 某 些 测试 者 已 输入 的 数据 影响 别 的 测试 者 )。 安 装 录 屏 工具 以 及 
麦克 风 。 如 果 你 决定 录制 测试 过 程 ， 那 么 还 需要 一 个 网 络 摄像 头 。 


尽 可 能 保证 产品 所 在 环境 的 真实 性 , 这 一 点 很 重要 。 例如 ,尽量 不 要 在 计算 机 的 模拟 右上 测 
试 一 款 iPad 应 用 ， 而 要 找 一 个 iPad， 在 真实 的 设备 上 运行 应 用 程序 。 否 则 ， 你 可 能 会 错过 一 些 重 
要 的 问题 ， 比 如 按钮 太 小 ， 很 难 用 手指 触摸 到 ， 但 能 通过 鼠标 点 击 。 


如 果 要 测试 的 软件 不 运行 在 计算 机 上 , 你 可 能 需要 一 台 摄像 机 来 记录 整个 测试 过 程 。 如 果 你 
进行 的 是 有 限制 的 测试 , 协助 者 与 用 户 待 在 一 起 ,记录 整个 测试 过 程 就 不 是 很 有 必要 ， 尽管 这 有 
时 会 比较 有 用 。 

准备 任务 

对 于 含 任务 的 测试 (无 论 是 有 限制 的 还 是 自由 的 )， 你 要 为 测试 者 准备 好 任务 。 你 可 以 回想 
一 下 本 书 最 初 谈 到 的 活动 ， 从 活动 人手。 关注 产品 中 最 基本 、 最 重要 的 活动 。 
程序 员 用 代码 覆盖 率 来 度量 有 多 少 代码 被 测试 覆盖 了 。 当 测试 用 户 界面 时 , 你 无 法 如 此 简单 
地 测 出 有 多 少 用 户 界面 被 测试 覆盖 了 。 但 是 你 要 在 心里 将 “用 户 界面 覆盖 率 ” 作 为 一 个 目标 。 你 
要 设计 一 些 任务 ， 让 它们 涉及 用 户 界面 的 不 同 区 域 。 

就 像 为 纸 面 原型 设计 任务 一 样 (第 14 章 已 经 有 所 介绍 ,实际 上 ， 如果 你 愿意 ,可 以 直接 复 用 
纸 面 原型 可 用 性 测试 中 的 任务 )， 任 务 不 应 该 有 固定 的 完成 方式 ， 因 此 你 应 该 想 想 用 户 可 能 会 遇 
到 的 场景 。 描 述 场景 和 目标 ， 不 要 描述 任何 操作 步 又， 也 不 要 用 那些 出 现在 屏幕 上 的 词 。 

准备 至 少 五 个 任务 。 对 于 限制 任务 的 测试 ,将 每 个 任务 打印 在 单独 的 纸张 上 ; 对 于 其 他 情况 ， 
全 都 打印 在 一 张 纸 上 。 
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进行 测试 
真正 进行 测试 时 ,你 基本 上 有 两 种 选择 : 面对面 测试 , 或 者 做 远程 测试 。 多 数 情 况 下， 做 远 
程 可 用 性 测试 更 容易 ， 成 本 也 更 低 ， 而 且 避 免 了 面对面 测试 的 一 些 问 题 。 


我 建议 先 做 一 些 面对面 的 测试 ， 了 解 一 下 可 用 性 测试 的 流程 ,并 习惯 与 测试 者 交流 。 如 果 你 
能 坐 在 他 们 旁边 ， 这 就 简单 多 了 。 


第 43 章 会 闹 述 如 何 做 面对面 的 可 用 性 测试 。 第 44 章 会 阐述 如 何 做 远程 测试 。 
要 所 


口 如 果 你 想 知 道 某 个 用 户 界面 是 否 有 效 ， 就 需要 请 真人 来 测试 。 

口 可 用 性 测试 的 成 本 不 一 定 很 高 ， 也 不 一 定 耗费 大 量 时 间 。 

口 你 需要 经 常 测试 。 测 试 做 得 越 多 ， 结 果 越 好 。 在 较 短 的 时 间 内 重复 测试 更 容易 了 解 用 户 

界面 是 否 有 效 。 

口 最 好 是 经 常 开展 小 型 测试 ， 而 不 是 偶尔 请 很 多 人 做 测试 。 每 周 请 一 个 (不同 的 ) 人 做 一 

次 可 用 性 测试 相当 简单 。 

口 你 应 该 请 新 手 进 行 测试 ， 也 要 请 那些 知道 如 何 使 用 产品 的 用 户 进 行 测 试 ， 因 为 这 两 类 人 

可 能 会 发 现 不 同类 型 的 问题 。 

口 选择 测试 者 时 ， 要 找 一 些 文化 背景 不 同 的 人 。 同 时 也 别 忘 了 测试 可 访问 性 问题 。 

口 可 用 性 测试 有 很 多 种 类 型 : 限制 任务 的 和 任务 自由 的 , 基于 任务 的 和 形式 自由 的 。 通常， 
不 同类 型 的 测试 可 以 结合 起 来 ， 首 先 让 测试 考 自 己 探索 产品 ， 然 后 转换 为 预先 定义 好 任 
务 的 模式 。 

口 如 果 你 正在 做 基于 任务 的 测试 , 就 需要 提前 准备 一 下 任务 。 任 务 不 应 有 固定 的 完成 方式 ， 

相反 应 该 描绘 一 种 场景 ， 然 后 让 用 户 自 己 思考 解决 方案 。 


ss 


面对面 测试 


| | 49499IIN 


调研 设计 实现 
概念 


基本 来 说 ,面对面 测试 就 是 你 邀请 别人 进行 测试 ,并 在 他 们 使 用 产品 时 观察 他 们 ,然后 利用 
从 中 得 到 的 信息 改进 产品 。 


优点 


做 任何 类 型 的 可 用 性 测试 都 可 以 让 你 深入 了 解 用 户 界面 存在 的 问题 。 除 此 之 外 ,即使 你 想 专 
注 于 做 远程 可 用 性 测试 ， 也 应 该 先 做 一 些 面对面 的 测试 ， 以 便 了 解 可 用 性 测试 的 一 般 流程 。 


先决 条 件 
阅读 本 章 前 你 需要 阅读 第 33 章 。 
进行 测试 


此 刻 , 我 们 假设 你 已 经 找到 了 一 个 测试 者 ,并 且 为 测试 做 好 了 一 切 准 备 工 作 。 我 们 直接 进入 
真正 的 测试 阶段 。 首 先 要 做 的 是 向 测试 者 介绍 测试 流程 。 与 纸 面 原型 测试 类 似 ( 详 见 第 14 章 )， 
你 要 为 可 用 性 测试 做 一 个 简短 的 介绍 。 

下 面 举 一 个 例子 。 

嗨 ， 我 是 Lukas。 我 是 BizTwit 公 司 的 一 名 软件 设计 师 。 今 天 ， 我 想 测试 一 下 我 们 的 

Twitter 客户 端 BizTwit 的 新 版 本 ， 看 看 它 是 否 符 合 我 们 的 预期 。 我 想 说 明 的 是 ,我 们 测试 
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的 是 产品 ,并非 测 试 你 。 这 个 新 版 本 还 没有 在 我 们 团队 之 外 使 用 过 ， 因 此 我 们 想 观 察 别 

人 如 何 使 用 它 ， 进 而 找到 它 存 在 的 问题 。 所 以 ， 如 果 你 遇 到 了 国难 或 者 某 个 功能 没有 达 

到 你 期 望 的 效果 也 别 担 心 ， 这 正 是 我 们 要 寻找 的 。 在 你 和 产品 交互 的 时 候 , 无 论 心 里 想 

的 是 什么 都 可 以 说 出 来 ， 这 更 方便 我 们 改善 产品 。 如 果 你 同意 ， 我 会 对 这 次 测试 齐 行 录 

像 。 这 也 会 帮 我 们 了 解 如 何 修复 设计 中 的 问题 。 我 们 绝 不 会 通过 任何 形式 公开 这 些 记 录 。 

根据 测试 的 类 型 不 同 ， 你 还 需要 解释 测试 方式 。 

接 下 来 的 步骤 也 取决 于 测试 的 类 型 。 
限制 任务 的 测试 

你 首先 要 解释 限制 任务 的 测试 的 流程 ,同时 也 要 指出 , 虽然 测试 者 可 以 提问 , 但 是 有 些 问题 
你 可 能 无 法 回答 。 

之 后 你 要 检查 一 下 计算 机 (或 设备 )。 在 开始 测试 之 前 ， 计 算 机 应 处 于 自然 状态 。 然 后 ， 启 
动 你 的 产品 ( 如 果 要 测试 的 是 网 站 ， 就 在 浏览 器 的 地 址 栏 输入 URL; 如 果 是 一 款 应 用 程序 ， 就 启 
动 应 用 )， 将 控制 权 交 给 测试 者 。 

你 需要 了 解 的 第 一 件 事 是 , 测试 者 是 否 知道 这 款 产品 是 做 什么 的 , 所 以 你 可 用 下 面 这 几 句 话 
作为 测试 的 开场 白 。 

看 一 下 这 个 网 站 。 随 意 滚动 查看 一 下 。 你 觉得 这 个 网 站 提供 的 是 什么 服务 呢 ? 

如 果 测 试 者 不 明白 这 网 站 是 干什么 的 ， 那 你 就 找到 了 第 一 个 可 用 性 问题 。 

接 下 来 ,你 想 了 解 测试 者 是 否 知道 如 何 使 用 产品 。 为 此 ,你 需要 准备 一 些 任务 ,每 个 任务 写 
在 单独 的 一 张 纸 上 。 你 可 以 这 样 解释 : 

为 了 测试 这 个 网 站 , 我 将 给 你 一 个 任务 。 我 首先 会 读 一 下 ,然后 把 写 着 任务 的 这 张 

纸 给 你 。 

然后 , 将 这 张 纸 交 给 测试 者 ,保持 安静 并 且 观 察 。 你 也 可 以 做 些 笔记 , 但 一 定 要 尽量 避免 影 
响 测 试 者 。 不 要 制造 任何 噪音 。 绝 对 不 要 笑 出 声 。 坐 在 测试 者 后 面 一 点 。 
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如 果 测 试 者 完成 了 任务 , 就 予以 肯定 , 然后 进入 下 一 个 任务 。 如 果 测 试 者 看 上 去 不 高 兴 或 者 
似乎 遇 到 了 问题 ， 可 以 停止 当前 的 任务 。 如 果 你 必须 中 断 任务 ， 一 定 要 避免 打击 测试 者 ， 你 可 以 
向 他 保证 即使 他 没有 完成 测试 ， 结 果 也 已 经 很 有 帮助 了 。 你 可 以 这 样 说 : 
没 错 ， 我 预感 到 了 这 个 界面 可 能 有 问题 。 我 已 经 知道 该 如 何 改 善 它 了 。 我 想 我 们 已 
经 从 这 个 任务 中 得 到 足够 的 信息 了 ， 让 我 们 继续 下 一 个 任务 吧 。 
这 几乎 是 可 以 打扰 测试 者 的 唯一 情境 。 如 果 你 有 话 想 要 跟 测 试 者 说 ， 可 以 做 好 笔记 ， 然 后 在 
任务 完成 之 后 再 谈 。 如 果 测 试 者 提问 题 ， 就 以 不 置 可 否 的 态度 回应 。 


你 在 家 或 者 一 个 人 时 会 怎么 处 理 这 个 问题 ? 


在 最 后 一 个 任务 结束 后 ， 问 一 些 没 问 的 问题 , 请 测试 者 对 测试 过 程 进行 评价 , 然后 感谢 测试 
者 花 时 间 参 与 测试 。 确 保 测试 是 在 开心 的 氛围 中 结束 的 。 


任务 自由 的 测试 


限制 任务 的 测试 会 带 来 一 些 问题 。 问题 的 来 源 就 是 我 们 自己 。 作 为 协助 者 , 测试 过 程 中 我 们 
需要 和 测试 者 竺 在 一 起 , 所 以 我 们 很 可 能 会 以 微妙 的 方式 影响 他 们 ， 即 便 我 们 尽力 避免 这 种 情况 
( 详 见 第 36 章 )。 

协助 者 还 会 让 人 感到 焦虑 。 很 多 人 不 喜欢 别人 从 背后 观察 自己 ,并 且 记 录 自 己 的 行为 。 因 此 ， 
测试 者 常常 会 下 意识 地 尝试 取悦 协助 者 , 所 以 如 果 我 们 坐 在 他 们 旁边 , 他 们 会 不 断 地 尝试 某 一 操 
作 ， 直 至 实现 期 望 的 效果 。 

这 个 问题 最 简单 的 解决 方案 就 是 主动 远离 测试 者 。 

在 任务 自由 的 测试 中 , 你 为 测试 者 介绍 测试 流程 ， 交 给 他 们 一 张 写 有 任务 的 纸 , 然后 开始 录 
像 ， 之 后 离开 ， 留 下 他 独自 完成 测试 。 

这 个 方法 存在 一 个 明显 的 问题 ， 当 测试 者 卡 壳 时 ， 你 不 方便 出 面 干预 。 在 测试 的 开始 阶段 ， 
你 需要 说 明 发 生 这 种 情况 该 怎么 办 。 测试 所 用 的 设备 不 同 , 处理 这 个 问题 的 方式 也 不 同 。 如 果 你 
在 一 个 装 有 双 面 镜 的 可 用 性 实验 室 中 做 测试 , 这 个 问题 就 不 存在 了 ,你 能 观察 测试 过 程 ， 而且 可 
以 与 测试 者 交流 。 

如 果 在 无 法 与 测试 者 交流 的 场所 进行 测试 ， 你 可 以 这 样 跟 测 试 者 说 : 

如 果 你 在 执行 某 项 任务 时 遇 到 困难 了 ， 不 要 担心 ,这 正 是 我 们 要 寻找 的 问题 。 你 可 

以 继续 尝试 一 下 ， 如 果 觉 得 厌烦 ,认为 无 法 继续 或 者 产品 有 问题 ,这 都 很 正常 ， 因 为 产 

品 还 未 完成 , 你 直接 跳 到 下 一 个 任务 就 行 。 我 就 在 隔壁 房间 , 如 果 碰 到 问题 , 就 来 找 我 。 

除了 能 将 主持 者 产生 的 影响 降 到 最 低 , 任务 自由 的 测试 给 测试 者 的 压力 也 很 小 , 因为 没有 人 
坐 在 他 们 旁边 ， 时 刻 关注 他 们 。 


总 结 性 测试 与 形成 性 测试 

可 用 性 测试 可 以 分 成 两 种 。 寻 找 并 修复 可 用 性 问题 的 测试 称 为 “形成 性 测试 ”， 这 也 是 
本 章 所 描述 的 测试 类 型 。 评 估 系 统 可 用 性 的 测试 称 为 “总 结 性 测试 ”。 

总 结 性 测试 告诉 你 系统 有 多 好 ， 形 成 性 测试 告诉 你 系统 的 哪 部 分 不 够 好 。 

下 一 次 你 听 到 可 用 性 专家 提 到 总 结 性 测试 和 形成 性 测试 ， 应 该 知道 是 什么 意思 了 。 


形式 自由 的 测试 


形式 自由 的 测试 没有 任务 , 目标 是 了 解 用 户 在 未 被 告知 该 做 什么 的 情况 下 会 有 哪些 行为 。 你 
只 需 为 测试 者 介绍 一 下 测试 流程 ,然后 将 产品 交 给 用 户 , 看 看 会 发 生 什 么 。 我 强烈 建议 你 观察 测 
试 过 程 ， 或 者 与 测试 者 面对面 ， 或 者 在 另 一 个 房间 , 在 测试 者 感到 厌烦 或 者 卡 壳 时 及 时 干预 。 如 
果 出 现 此 类 情况 ， 你 可 以 向 测试 者 指定 任务 ， 转 变 为 基于 任务 的 测试 。 


是 否 应 该 鼓励 测试 者 说 话 


最 好 告诉 测试 者 在 测试 过 程 中 可 以 自由 谈话 ， 但 你 不 能 强迫 他 们 说 话 。 有 些 人 不 喜欢 说 话 ， 
不 停 地 鼓励 他 们 说 出 自己 的 想法 会 让 他 们 不 舒服 或 者 分 心 。 如果 测 试 者 来 自 不 同 的 文化 背景 , 就 
需要 用 非 母 语 交 流 ， 这 时 这 个 问题 就 更 突出 了 。 也 要 避免 筛选 出 的 测试 者 全 都 能 言 善 辩 。 你 肯定 
不 希望 测试 者 全 是 外 向 的 人 。 
虽然 通常 倾听 别人 的 真实 想法 很 有 用 , 但 这 不 是 必 不 可 少 的 信息 。 在 多 数 情 况 下 , 测试 者 找 34 
到 的 问题 会 非常 明显 ， 你 甚至 不 用 猜测 他 们 是 如 何 想 的 。 
以 我 的 经 验 来 说 ， 受 到 鼓励 的 用 户 很 乐意 提供 意见 。 你 的 主要 工作 是 注意 测试 者 在 做 什么 ， 
而 不 是 他 们 说 什么 。 如 果 测 试 者 偏离 轨道 ， 开 始 提 意见 ,而 不 是 执行 任务 ,就 委婉 地 提醒 他 们 回 
到 正轨 。 比 如 你 可 以 这 么 说 :“ 你 刚刚 在 找 什么 来 着 ?” 


是 否 应 该 录像 
限制 任务 的 测试 不 必 录 像 ， 因为 你 可 以 在 测试 过 程 中 看 到 测试 者 在 做 什么 并 记录 。 不 过 , 不 
必 录 像 是 不 是 等 同 于 不 应 该 录像 呢 ? 


就 算 有 录像 , 我 通常 也 不 会 回 过 头 来 观看 。 但 是 录像 很 容易 , 花费 也 不 大 , 有 时 还 非常 有 用 。 
如 果 对 你 来 说 录像 很 容易 ， 那 就 录 吧 。 不 录 也 无 妨 。 


对 于 Mac， 我 建议 使 用 Silverback。 这 款 录 屏 应 用 专门 用 于 可 用 性 测试 。 "你 也 可 以 使 用 


GD 详 见 http://silverbackapp.com。 
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QuickTime 播 放 器 来 做 些 简单 的 录 屏 工作 ， 方 法 是 “点 击 文件 一 新 屏 录 制 ”。 
对 于 装 有 Windows 系 统 的 计算 机 ，TechSmith 提 供 了 多 种 不 同 的 解决 方案 。” 
对 于 Linux， 你 可 以 使 用 类 似 xvidcap ”的 应 用 。 
如 何 结束 测试 

参加 可 用 性 测试 是 很 紧张 的 活动 。 当 测试 者 犯错 时 你 正在 观察 他 们 , 这 对 他 们 来 说 一 点 都 不 
和 舒服。 确保 他 们 愉悦 地 离开 是 很 重要 的 。 重 申 一 遍 你 测试 的 是 产品 ， 而 不 是 他 们 。 询 问 测试 者 的 
反馈 。 告 诉 测 试 者 他 们 的 参与 非常 有 帮助 ， 你 能 够 从 测试 中 得 到 深刻 的 见解 。 感 谢 他 们 花费 的 时 
间 与 提供 的 帮助 。 

时 刻 记 得 要 确保 测试 者 开心 地 离开 房间 , 而 且 知道 自己 对 你 有 所 帮助 。 我 会 在 接 下 来 的 两 章 
讨论 更 多 关于 测试 报告 的 内 容 。 


如 何 处 理 测 试 结 果 
你 应 该 将 找到 的 问题 列 出 来 ,排列 优先 级 ， 修 复 最 重要 的 那些 ， 然 后 再 次 测试 。 无 法 修复 所 
有 问题 也 不 要 紧 。 如 果 某 个 问题 很 重要 ， 而 你 没有 修复 它 ， 它 还 会 在 未 来 的 测试 中 出 现 。 


如 果 不 止 一 个 人 观察 了 测试 , 做 一 次 便利 贴 训 析 。 让 每 个 人 在 便利 贴 上 写 出 10 个 最 重要 的 问 
题 ， 然 后 将 它们 粘 在 墙 上 ,将 重复 的 问题 放 在 一 起 。 很 快 ， 你 就 能 找到 得 票 最 多 、 应 该 最 早 修复 
的 问题 。 


除非 真 的 有 必要 ， 和 否则 不 用 写 报告 ， 因 为 这 通常 比 修复 问题 需要 更 大 的 工作 量 。 这 种 报告 也 
很 少 有 人 会 去 读 。 更 重要 的 是 辨别 出 最 紧迫 的 问题 ， 确 保修 复 它 们 。 


机 局 
D 每 周 都 请 一 个 〈 不 同 的 ) 人 做 一 次 测试 。 这 样 很 容易 为 测试 者 安排 时 间 ， 而 且 可 以 快速 
人 


口 使 用 一 个 本 章 曾 述 的 测试 类 型 ,或 者 组 合 使 用 。 最 好 让 用 户 自己 去 摸索 你 的 产品 ， 以 观 
察 他 们 如 何 与 产品 交互 ， 然 后 再 转换 为 基于 任务 的 测试 。 

口 永远 要 以 积极 的 状态 结束 测试 。 
口 当 评估 测试 结果 时 利用 常识 。 找 出 最 紧迫 的 任务 ， 修 复 它 们 ， 然 后 再 次 测试 。 

口 如 果 你 不 确定 某 个 问题 有 多 普遍 ， 就 暂时 不 解决 。 你 很 快 就 会 再 次 测试 ， 如 果 这 个 问题 
很 严重 ， 它 会 再 次 显现 。 


@ 可 以 在 http://techsmith.com 找 到 TechSmith 的 产品 ， 他 们 还 提供 了 Mac 版 应 用 。 
@ 详 见 http://xvidcap.sourceforge.net。 
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延伸 阅读 


如 果 你 想 学 习 更 多 有 关 面 对 面 测试 的 知识 ， 我 建议 你 阅读 Steve Krug 的 《妙手 回春 : 网 站 可 
用 性 测试 及 优化 指南 》 


远程 测试 


AAAAAAA 


调研 设计 实现 


概念 


做 传统 的 、 面 对 面 的 可 用 性 测试 ， 你 需要 拜访 测试 者 或 者 让 测试 者 来 找 你 。 安 排 时 间 然 后 会 


面 通常 很 费事 ， 需 要 做 很 多 工作 ， 以 至 于 经 常会 延迟 会 面 时 间 。 
幸运 的 是 ， 你 可 以 做 远程 测试 ， 而 不 必 亲 自 去 找 测试 者 。 本 章 将 阐述 如 何 具体 操作 。 


优点 


远程 测试 通常 比 面对面 测试 简单 ,因为 它 避 开 了 可 用 性 测试 中 比较 难 的 那 部 分 ,比如 寻找 附 
近 有 意愿 的 测试 者 , 并 且 安 排他 们 来 测试 。 免 于 这 些 问题 的 困扰 意味 着 你 可 以 更 频繁 地 测试 , 这 


会 帮 你 找到 并 修复 更 多 可 用 性 问题 。 
先决 条 件 
阅读 本 章 之 前 你 需要 先 阅读 第 33 章 和 第 34 章 。 


限制 任务 的 远程 测试 


我 们 假设 你 想 做 一 次 可 用 性 测试 , 但 是 找 不 到 任何 住 在 附近 的 测试 者 。 或 者 你 想 找 不 同类 型 


的 人 和 群 进行 测试 , 所 以 要 找 居 住 在 不 同 地 方 的 人 测试 。 又 或 者 你 想 在 自己 的 网 站 上 招募 来 自 各 : 
的 测试 者 。 


也 


限制 任务 的 远程 测试 203 


或 者 可 能 你 只 想 简化 测试 ， 避 免 和 他 人 会 面 的 过 程 。 


你 可 以 使 用 Skype 、iChat 或 者 Copilot 等 屏幕 共享 应 用 。 你 不 必 当 面 会 见 测试 者 ,通过 网 络 会 
面 就 可 以 了 。 


Skype 可 以 共享 屏幕 吗 ? 


可 以 ,但 是 Skype 的 屏幕 共享 功能 有 点 隐藏 。 想 用 的 话 ， 要 先 呼叫 别人 ， 然 后 ， 打 开 “ 对 
话 ” 菜 单 ， 选 择 “共享 屏幕 ”。 
也 可 以 在 视频 通话 时 点 击 圆 形 “+” 按 钮 ， 在 弹出 的 菜单 中 选择 “共享 屏幕 ”。 


Share Screen.… 


Add People. 


Show Dial Pad.… 


CMe 


如 果 测 试 者 需要 使 用 Skype 共 享 屏幕 ， 你 就 得 指导 测试 者 完成 这 个 有 点 复杂 的 流程 。 


招募 测试 者 


传统 的 可 用 性 测试 首先 需要 招募 测试 者 , 然后 安排 一 个 测试 时 间 。 因 此 , 招募 工作 通常 要 提 
前 几 天 或 几 周 进行 。 远 程 测试 不 需要 安排 现场 会 面 时 间 ， 所 以 不 需要 提前 那么 久 招募 测试 者 。 


BO yD BizTwit: A Twitter Client for >» 


€ 3 CC © biztwit.biz 


和 4 
© Ye“O 
So hov 


sx po 
People you Follow 。 Multi-user access to SC % be 


individual accounts ey | 
» Easily collaborate on 
messages 
. Different access rights for 
“WE Alphabux wrote: | may draw like a different people 
殉情 10 yo, but there is nothing than 
SW a sketch to make sure others "see 


远程 测试 提供 了 一 种 对 于 传统 测试 完全 不 可 能 的 测试 者 招募 方式 : 现场 招募 。 直接 在 你 的 网 
站 上 挂 一 个 公告 ， 写 明 你 正在 寻找 帮 你 测试 新 应 用 或 网 站 的 人 ， 附 带 一 个 到 招募 页 面 的 链接 。 
为 了 增加 回应 者 的 数量 ， 你 可 以 为 参与 者 提供 某 种 报酬 ， 比 如 小 额 的 亚马逊 礼券 。 


GD 详 见 https:/www.copilot.com。 
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你 应 该 为 点 击 链接 的 人 准备 一 个 表单 ， 让 他 们 输入 联系 方式 〈 可 以 是 电子 邮件 地 址 、Skype 
账号 或 者 手机 号 码 ， 具 体 取 决 于 测试 的 方式 )， 以 及 为 筛选 测试 者 所 需 的 其 他 信息 。Nate Bolt 和 
Tony Tulathimutte 在 《远程 用 户 研究 : 实践 者 指南 》 中 建议 使 用 这 个 表单 来 淘汰 那些 仅仅 为 了 参 
与 测试 而 访问 网 站 的 人 。( 这 个 问题 只 有 在 参与 者 会 获得 报酬 时 才 会 出 现 。) 他 们 建议 问 一 个 类 似 
“你 今天 为 何 访问 本 站 ? ”这 样 的 问题 ， 原 文 是 这 样 写 的 : 

这 个 问题 不 仅 能 帮 你 确定 某 个 用 户 访问 网 站 的 动机 是 否 与 调研 目标 相 匹配 , 而 且 还 

能 帮 你 剔除 小 等 充 数 的 人 。 大 多 数 真 正 的 访客 都 会 有 特定 的 访问 目的 ， 而 通过 问 一 些 开 

放 性 的 问题 ， 你 通常 能 强烈 地 感觉 到 谁 才 是 真正 访问 网 站 的 人 。 我 们 几乎 都 通过 “你 今 

天 为 何 访问 [网 站 的 名 字 ]? ”这 个 简单 的 提问 开始 筛选 工作 ,如 果 对 方 回答 得 很 模糊 (“为 

了 查找 信息 ”“ 随 便 看 看 "”“ 看 看 产品 ” )， 那 么 如 果 你 选择 联系 他 ， 就 要 小 心地 进一步 考 

察 。 如 果 他 回答 得 直截了当 ， 甚 至 完全 吻合 调研 目标 (“我 是 为 了 对 比 一 下 iDongle 和 

iDongle Pro 的 价格 ”)， 你 就 可 以 放心 地 选择 他 作为 测试 者 了 。 

他 们 推荐 了 自己 的 一 款 网 络 招募 工具 : Ethnio， 用 来 设置 招募 表单 。 "有 人 响应 你 的 表单 时 ， 
你 可 以 立刻 给 他 们 回电 话 ，( 如 果 这 个 潜在 的 测试 者 同意 ) 开始 测试 。 


介绍 测试 
做 远程 测试 时 ， 你 和 测试 者 不 在 同一 地 点 ， 所 以 很 难 建立 融洽 的 关系 以 及 感受 测试 者 的 
情绪 。 


首先 在 电话 或 者 视频 聊天 中 介绍 你 自己 和 测试 流程 。 这 个 介绍 应 该 和 和 常规 可 用 性 测试 的 介绍 
一 样 : 确切 地 解释 你 正在 做 什么 ， 以 及 你 想 让 测试 者 做 什么 〈 第 34 章 已 经 阐述 过 )。 你 要 确保 测 
试 者 理解 ,在 测试 过 程 中 你 能 够 看 到 他 的 屏幕 .如 果 测 试 者 不 理解 ,或 者 对 你 的 要 求 感觉 不 舒服 ， 
就 停止 测试 然后 找 新 的 测试 者 。 


如 果 测 试 者 同意 共享 屏幕 ,就 引领 他 完成 共享 屏幕 的 操作 ( 具体 细节 取决 于 你 使 用 的 屏幕 共 
享 系统 )。 确 保 你 自己 非常 清楚 测试 者 需要 做 什么 才能 访问 你 的 应 用 或 者 网 站 。” 
进行 测试 

在 很 多 方面 ,远程 测试 都 比 面对面 测试 更 容易 ， 因 为 你 基本 不 可 能 影响 测试 者 。 你 只 需 关注 


测试 者 在 做 什么 ， 并 且 保 持 安静 ， 除非 测试 者 明确 提出 问题 。 和 其 他 的 可 用 性 测试 一 样 ， 你 要 避 
免 指 导 测试 者 , 但 是 如 果 测 试 者 感觉 不 舒服 或 者 焦虑 就 要 停止 测试 。 


你 们 不 在 同一 房间 , 所 以 你 很 难 注意 到 用 户 变 得 诅 形 。 你 需要 持续 关注 测试 者 的 语气 ， 确 保 


GD 详 见 https://ethn.io。 
@ 如 果 你 测试 的 产品 ( 比如 ， 一 款 iPhone 应 用 ) 没有 出 现在 测试 者 的 屏幕 上 ， 可 以 让 他 将 摄像 头 转向 这 款 应 用 ， 
样 你 就 能 看 到 测试 者 在 做 什么 了 。 


洲 
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在 测试 失败 之 前 发 现 他 的 诅 丧 情 绪 。 

在 测试 的 最 后 阶段 ,你 可 以 像 在 传统 的 可 用 性 测试 中 一 样 对 测试 情况 做 个 总 结 。 你 可 以 问 你 
在 测试 中 想到 的 任何 问题 , 请 测试 者 对 测试 过 程 给 出 反馈 ,感谢 测试 者 花 时 间 参 与 测试 , 最 后 付 
给 他 报酬 ( 如 果 你 承诺 过 )。 


缺点 

相 比 面对面 测试 ， 限 制 任务 的 远程 测试 有 许多 缺点 。 

你 不 坐 在 测试 者 和 旁边， 因而 会 错过 很 多 肢体 信和 号。 测试 考 是 否 变 得 焦虑 或 者 泪 形 ” 远程 测 试 
时 很 难 判断 ,所 以 你 需要 特别 关注 这 些 。 如 果 测 试 者 表现 出 疲惫 或 者 不 耐烦 ， 就 要 停止 测试 。 注 
意 测 试 者 的 语气 和 用 词 。 

此 外 ,你 不 知道 测试 者 正在 看 哪里 。 如 果 你 不 确定 测试 者 在 做 什么 , 或 者 不 确定 测试 者 是 否 
还 在 做 任务 ， 只 需 询问 “你 现在 在 看 什么 呢 ?””， 或 者 告诉 测试 者 ， 如 果 他 能 用 鼠标 指出 他 正在 
看 什么 ,将 会 对 你 有 所 帮助 。 

在 不 和 测试 者 碰面 的 情况 下 , 你 还 需要 做 一 些 额 外 的 工作 来 让 测试 者 签署 同意 书 。 你 可 以 提 
前 用 电子 邮件 发 送 同 意 书 ， 然 后 在 开始 测试 之 前 打 电 话 给 测试 者 ， 重 申 那些 需要 他 同意 的 事项 ， 
并 且 征 得 他 的 口头 同意 。 当 然 ， 这 些 措施 是 否 足以 满足 你 的 一 切 需 要 ， 并 且 征 得 测试 者 的 同意 ， 
取决 于 当地 的 法 律 规定 。 

进行 远程 测试 时 ,你 一 般 无 法 控制 测试 者 的 环境 。 随 之 而 来 的 问题 就 是 ， 让 产品 运行 起 来 可 
能 需要 花 些 时 间 ; 好 处 是 测试 者 身 处 自己 熟悉 的 环境 ,他 的 行为 会 比 在 一 个 受 控 的 环境 中 更 自然 。 
另外 , 你 还 能 看 看 产品 在 一 般 的 计算 机 而 不 是 你 使 用 的 高 端 机 上 表现 如 何 。 但 这 也 意味 着 你 可 能 
会 在 测试 中 分 心 ， 比 如 ,停止 测试 去 接 电话 或 者 查看 新 邮件 。 如 果 可 能 ,请 测试 者 关闭 手机 ， 退 
出 所 有 聊天 应 用 ， 并 禁用 定期 邮件 检测 。 

由 于 无 法 按照 自己 的 意愿 设置 环境 ， 你 需要 在 测试 之 前 通过 一 些 方法 来 了 解 测试 者 的 情况 : 
查看 他 使 用 的 操作 系统 ， 他 安装 了 哪些 应 用 ， 什 么 版 本 。( 如 果 你 使 用 自己 的 网 站 招募 测试 者 ， 
可 以 为 此 做 一 个 小 调查 。) 确保 你 知道 如 何 让 测试 者 设置 好 一 切 并 让 产品 运行 起 来 。 同 时 ， 你 要 
确保 测试 者 的 网 速 足够 快 ， 可 以 进行 远程 测试 。 

除了 让 测试 者 跟 你 共享 屏幕 ， 你 还 可 以 用 自己 的 系统 来 测试 ， 跟 测试 者 共享 你 的 屏幕 。 在 很 
多 情况 下 ,这 很 有 必要 ， 因 为 产品 并 不 总 是 能 够 在 测试 者 的 计算 机 上 运行 。 不 过 如 果 可 能 , 要 尽 
量 避 免 这 种 做 法 。 跟 测试 者 共享 你 的 屏幕 ,会 降低 图 像 在 他 的 终端 的 显示 质量 ， 而 且 会 在 输入 和 
响应 之 间 产 生 一 点 小 延迟 ， 这 会 使 很 多 人 感到 厌烦 ， 并 且 可 能 会 使 测试 结果 不 准确 。 


优势 
我 曾经 提 到 过 远程 测试 的 一 个 潜在 优势 : 可 以 在 测试 者 熟悉 的 环境 中 测试 产品 。 这 并 非 远程 
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测试 唯一 的 优势 。 
远程 测试 的 另 一 个 巨大 优势 是 ， 有 了 一 个 能 够 访问 的 网 站 ， 你 就 更 容易 招募 到 测试 者 。 
同时 ,你 还 能 消除 对 测试 者 的 影响 。 远 程 测试 者 看 不 见 你 的 面部 表情 和 上 肢体 语言 ， 所 以 不 会 
被 你 的 行为 影响 。 
当然 ， 和 远程 测试 也 更 容易 安排 。 你 无 需 亲 自 去 见 测试 者 ， 其 至 完全 不 用 安排 时 间 。 


测试 示例 
为 了 让 你 对 一 般 的 远程 测试 流程 有 个 直观 的 感觉 ， 下 面 是 一 个 假想 的 简略 的 测试 。 


在 这 个 测试 中 ,我们 假设 测试 者 在 在 线 表 单 中 提供 了 他 的 Skype 账 号 , 现在 你 用 Skype 联 系 他 。 
一 定 要 带 上 耳机 ， 这 样 你 才能 解放 双手 来 记 笔 记 。 

协助 者 : 哮 ， 你 好 ， 我 是 来 自 BizTwitbiz 的 Lukas Mathis。 大 约 20 分 钟 以 前 ， 你 在 我 
们 的 网 站 填写 了 一 张 表 单 ， 表 示 想 帮 我 们 优化 BizTwit。 

测试 者 : 是 的 ， 没 想到 你 会 给 我 打 电 话 。 

协助 者 : 那么 ， 你 能 拿 出 15 分 钟 来 做 这 个 测试 吗 ? 

测试 者 : 是 的 ， 当 然 能 。 
如 果 测 试 者 的 回答 是 否定 的 , 那 就 停止 测试 ,否则 ,我 们 就 要 了 解 这 是 否 是 我 们 要 找 的 测试 者 。 

协助 者 : 那么 ， 你 用 过 我 们 的 Twitter 辅助 应 用 BizTwit 吗 ? 

测试 者 : 没有 ， 目 前 为 止 没 用 过 。 

协助 者 : 你 是 否 因为 对 这 个 应 用 感 兴趣 才 访 问 我 们 的 网 站 呢 ? 

测试 者 : 是 的 ， 我 需要 找 一 款 企业 版 Twitter 辅助 应 用 ， 然 后 我 就 在 Google 上 发 现 了 
你 们 的 应 用 。 

协助 者 : 很 好 ， 你 正 是 我 们 要 找 的 人 。 下 面 我 简单 介绍 一 下 此 次 测试 。 我 们 正在 测 
试 这 个 应 用 的 新 设计 ,我们 想 了 解 一 下 用 户 是 否 知道 如 何 使 用 新 界面 ， 进 而 找到 需要 改 
进 的 地 方 。 我 们 目的 是 测试 新 设计 ， 看 它 是 否 起 作用 ， 并 不 是 要 测试 你 。 为 了 测试 ， 你 
需要 跟 我 们 共享 你 的 屏幕 。 你 方便 吗 ? 在 测试 过 程 中 ， 我 将 能 够 看 到 你 的 屏幕 。 

测试 者 : 当然 ， 没 问题 。 

协助 者 : 好 的 。 从 现在 开始 ， 我 将 对 这 通电 话 录音 。 我 们 会 利用 这 段 录 音 来 查 明 设 
计 中 存在 的 问题 。 录 音 不 会 公开 ， 我 们 真 的 只 会 用 它 来 改善 产品 。 

测试 者 : 好 的 。 
如 果 测 试 者 对 最 后 两 个 问题 有 任何 犹豫 ， 或 者 不 太 确定 ， 就 停止 测试 。 如 果 一 切 顺利 ， 那 就 

开始 录音 。 


协助 者 : 很 好 。 在 这 通电 话 之 前 ， 我 通过 邮件 给 你 发 了 一 份 同 意 书 ， 你 收 到 了 吗 ? 
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测试 者 : 几 分 钟 前 收 到 了 。 

协助 者 : 你 看 了 吗 ? 

测试 者 : 是 的 ， 我 浏览 过 了 。 

协助 者 : 好 的 ， 我 们 快速 过 一 下 重要 的 事项 ， 这 样 你 就 能 了 解 需要 同意 做 哪些 事 。 
解释 他 要 同意 做 什么 ， 并 征 得 他 的 口头 同意 (还 要 根据 当地 法 律 要 求 ， 履 行 其 他 手续 )。 

协助 者 : 测试 说 明 部 分 就 告 一 段落 了 ， 现 在 让 我 们 开始 真正 的 测试 。 首 先 ， 你 需要 
与 我 共享 屏幕 。 从 现在 开始 直到 测试 结束 ， 我 可 以 看 到 你 做 的 所 有 操作 。 所 以 如 果 屏 幕 
上 有 什么 私人 的 东西 ， 比 如 电子 邮件 ， 那 么 请 先 关 掉 。 
说 明 如 何 共享 屏幕 。 

协助 者 : 很 好 ， 现 在 我 可 以 看 到 你 正在 做 什么 。 首 先 ， 我 们 要 在 你 的 系统 上 运行 最 
新 版 的 BizTwit。 请 访问 biztwit.biz.…… 
向 测试 者 说 明 如 何 运行 你 的 产品 。 他 可 能 不 想 输 入 自己 的 登录 信息 , 所 以 你 需要 提前 设置 一 

个 示例 账号 ， 如 果 你 的 应 用 需要 这 类 登录 验证 的 话 。 

协助 者 : 现在 BizTwit 已 经 运行 了 , 请 告诉 我 你 的 想法 。 你 愿意 使 用 这 样 的 应 用 吗 ? 
你 认为 看 过 这 个 应 用 的 界面 ， 就 能 很 清楚 地 知道 它 是 做 什么 用 的 ， 以 及 如 何 使 用 吗 ? 
简单 介绍 一 下 产品 ， 然 后 问 问 测试 者 的 第 一 印象 ， 接 下 来 转 为 基于 任务 的 测试 。 

协助 者 : 好 的 ， 我们 开始 第 一 个 任务 。 我 会 为 你 解释 这 个 任务 的 内 容 。 当 你 执行 任 
务 时 ， 自 言 自 语 或 者 告诉 我 你 的 想法 都 没关系 。 如 果 你 有 问题 ,但 问 无 妨 , 但 是 我 可 能 
无 法 给 你 详细 的 回答 。 这 是 测试 安排 的 一 部 分 。 如 果 有 的 功能 无 效 ， 让 你 感到 无 聊 或 者 


恼火 ， 你 可 以 随时 停止 测试 。 好 吗 ? 
测试 者 ， 好 的 。 35 


给 出 第 一 个 任务 。 若 想 了 解 如 何 设计 任务 ， 请 阅读 第 34 章 和 第 14 章 。 

一 且 任 务 完成 ， 首 先 向 测试 者 说 明 如 何 停止 屏幕 共享 ， 然 后 尽情 提问 。 

最 后 ,进入 总 结 阶段 。 这 一 阶段 的 目标 是 要 以 积极 的 方式 结束 测试 。 犯 错时 被 人 观察 是 很 精 
糕 、 很 有 压力 的 体验 。 你 需要 告诉 测试 者 他 的 付出 真 的 对 你 很 有 帮助 ， 这 样 能 抵消 之 前 种 种 不 适 
的 体验 ， 让 测试 者 感到 自己 的 付出 是 值得 的 。 

协助 者 : 现在 我 看 不 到 你 的 屏幕 了 。 好 的 ,非常 棒 ， 此 次 测试 帮 我 们 找 出 了 很 多 存 

在 的 问题 。 今 天 发 现 的 问题 ， 可 以 帮助 我 们 极 大 地 改进 BizTwit 的 用 户 界 面 。 非 常 感谢 

你 帮 有 我 们 找到 问题 ! 现在 ， 你 还 有 什么 意见 ， 或 者 有 什么 问题 要 问 吗 ? 

测试 者 : 最 开始 ， 对 于 共享 我 的 屏幕 我 有 点 困惑 ， 但 是 我 想 最 后 很 有 成 效 。 
协助 者 : 是 的 ， 下 次 我 会 尝试 用 更 好 的 方式 解释 屏幕 共享 。 之 前 我 们 承诺 给 你 的 那 
张 Amazon 礼 品 券 ， 我 会 发 送 到 你 的 电子 邮箱 ， 这 样 可 以 吗 ? 
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测试 者 : 当然 可 以 。 
协助 者 : 非常 好 。 如 果 你 还 有 任何 其 他 的 问题 或 者 意见 ， 直 接 给 我 发 邮件 就 行 。 我 
会 在 Skype 的 窗口 注 明 我 的 邮件 地 址 。 再 次 感谢 你 帮助 我 们 ， 祝 你 一 切 顺 利 ! 
如 果 你 承诺 了 回报 ， 不 要 忘 了 兑现 。 


不 要 写 任何 报告 ， 也 不 要 制作 视频 展示 测试 结果 ， 而 是 在 测试 之 后 , 将 那些 你 认为 最 重要 的 
问题 做 个 列表 ， 然 后 修复 它们 ， 再 进行 下 一 次 测试 。 如 果 你 对 某 个 问题 感到 不 确定 ， 就 暂时 不 用 
管 , 然后 看 一 下 在 将 来 的 测试 中 是 否 会 遇 到 同样 的 问题 。 如 果 一 个 问题 很 重要 ， 它 最 终 肯 定 还 会 
再 出 现 。 


远程 测试 与 否 

考虑 一 切 相 关 的 因素 , 就 从 测试 中 获得 有 用 的 数据 而 言 ， 限制 任务 的 远程 测试 和 常规 可 用 性 
测试 相 比 如 何 ? 

远程 测试 的 结果 比 常 规 的 面对面 可 用 性 测试 更 好 还 是 更 差 , 这 是 可 用 性 社区 热 议 的 一 个 话题 。 


远程 测试 可 能 没有 面对面 可 用 性 测试 那样 有 效 , 但 是 它 明 显 比 完全 不 测试 好 得 多 。 而 且 由 于 很 容 
易 进 行 ， 远 程 测试 可 以 更 频繁 地 开展 。 
任务 自由 的 远程 测试 
更 为 便捷 的 一 种 远程 测试 方式 是 完全 避免 与 测试 者 交互 。 请 测试 者 使 用 产品 或 者 完成 预先 定 
下 的 任务 ， 同 时 录 屏 即 可 。 
当然 ,这 种 方式 有 优点 也 有 缺点 。 在 任务 自由 的 远程 测试 中 ， 当 用 户 遇 到 困难 或 者 变 得 诅 丧 
时 ， 你 无 法 干预 。 不 过 , 你 可 以 非常 清楚 地 了 解 用 户 独自 使 用 产品 时 的 行为 ,这 非常 接近 于 多 数 
真实 用 户 的 表现 。 
任务 自由 的 测试 还 有 一 个 优点 : 你 完全 不 需要 安排 测试 时 间 。 你 可 以 向 测试 者 介绍 流程 ， 然 


后 让 他 在 有 空 的 时 候 进行 测试 即 可 。 实 际 上 , 你 甚至 可 以 使 用 在 线 远 程 测试 服务 , 这 样 你 就 完全 
不 用 招募 测试 者 。” 


要 所 


口 如 果 你 从 未 做 过 任何 可 用 性 测试 ， 就 从 传统 的 、 面 对 面 的 可 用 性 测试 做 起 。 你 可 以 请 朋 
友 当 测试 者 ， 直 到 你 能 顺畅 地 进行 测试 。 
口 一 旦 熟悉 了 可 用 性 测试 的 流程 ， 你 就 可 以 开始 远程 测试 了 。 


Qa 在 线 服 务 ， 如 http://usertesting.com 或 者 http://fivesecondtest.com， 只 能 用 于 网 站 测试 ， 不 能 
应 用 测试 。 


上 面 程序 或 者 移动 


并 
和 
4 
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口 尽量 每 周至 少 做 一 次 测试 。 

口 使 用 你 的 网 站 以 及 其 他 媒介 比如 邮件 列表 、 讨 论 组 甚至 报纸 ) 来 招募 测试 者 。 使 用 网 
站 招募 真 的 极其 方便 且 不 需要 任何 费用 ,但 是 如 果 只 通过 这 种 方式 招募 测试 者 ， 可 能 会 
让 测试 结果 偏向 于 那些 有 产品 使 用 经 验 的 人 ， 因 为 这 些 测试 者 更 有 可 能 访问 你 的 网 站 。 


口 过 滤 掉 那些 一 心 只 想 获 得 奖励 的 测试 者 。 
口 给 潜在 的 测试 者 打 电话 时 ， 一定 要 让 他 知道 ,测试 时 你 需要 看 到 他 的 屏幕 ， 并 获得 他 的 


同意 。 
口 执行 远程 测试 时 ， 你 一 般 无 法 看 到 测试 者 的 面部 表情 ， 或 者 测试 者 的 视线 落 在 哪里 。 要 
留意 测试 者 是 否 变 得 诅 丧 或 者 诅 形 ， 如 果 发 生 此 种 情况 ， 就 要 停止 测试 。 

口 在 测试 的 尾声 ， 感 谢 测试 者 花 时 间 参 与 测试 ， 并 说 明 你 已 经 看 不 到 他 的 屏幕 了 ， 然 后 送 
出 奖品 〈 如 果 你 承诺 过 )。 在 积极 的 氛围 中 结束 测试 。 


延伸 阅读 


Nate Bolt 和 Tony Tulathimutte 的 《远程 用 户 研究 : 实践 者 指南 》 包 含 了 大 量 关 于 远程 测试 的 
有 用 信息 。 如 果 你 正 考虑 做 远程 测试 ， 可 以 看 一 下 这 本 书 。” 


在 AList Apart 网 站 上 ，Nate Bolt 还 发 表 了 一 篇 关于 远程 可 用 性 测试 的 文章 。” 


GD 详 见 http:/www.rosenfeldmedia.comy/books/remote-researchy/。 


@) 详 见 http://www.alistapart.com/articles/quick-and-dirty-remote-user-testing/。 


测试 中 常见 的 铝 误 做 法 


可 用 性 测试 对 错误 异常 敏感 。 无 论 测试 做 得 多 差 ,你 都 可 能 从 中 得 到 一 些 有 用 的 信息 。 你 可 
能 发 现 不 了 最 重要 的 问题 ， 只 能 找到 一 小 部 分 问题 , 但 即便 如 此 , 得 到 的 信息 也 会 对 改善 产品 有 
帮助 oO 


当然 ， 如 果 你 花 时 间 正 确 地 测试 ， 就 会 得 到 更 好 的 结果 。 
前 面 几 章 提 到 了 一 些 内 容 ， 我 想 这 里 有 必要 快速 总 结 一 下 。 
个 要 使 用 用 户 再 面 中 出 现 的 字 词 
当 你 创建 任务 以 及 与 测试 者 交谈 时 ， 千 万 不 要 使 用 应 用 程序 中 的 术语 。 你 想 知道 的 是 用 户 能 
否 使 用 你 的 产品 ， 而 不 是 他 们 能 否 在 用 户 界面 中 找 出 某 个 词 。 


我 们 假设 你 正 测试 一 款 文 本 处 理 器 ， 你 想 知 道 用 户 能 和 否 使 用 它 的 拼写 
检查 功能 。 下 面 这 个 线 框图 显示 ， 这 一 功能 可 以 通过 应 用 程序 中 的 一 个 菜 
单 访问 。 

现在 ， 如 果 你 用 “检测 文档 的 拼写 ”这 样 的 说 法 来 描述 任务 ,测试 者 


Undo 
Redo 


Cut 
简单 地 看 一 下 应 用 程序 的 菜单 就 能 找到 匹配 的 菜单 项 。 最 好 不 描述 任务 ， Copy 
Paste 


而 是 这 样 描述 目标 :“ 确 保 你 的 文本 中 没有 拼写 错误 ”。 


使 用 这 样 的 措辞 描述 任务 更 符合 用 户 的 目标 ， 如 此 一 来 ,测试 者 的 表 
现 就 会 更 接近 真实 用 户 的 表现 。 


不 要 影响 测试 者 


Wilhelm von Osten 是 20 世 纪 初 德国 的 一 位 数学 教师 。 他 的 业余 爱好 是 驯 马 。 你 也 许 能 猜 到 他 


Check Spelling 
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的 故事 : 他 尝试 教 自己 的 马 学 算术 。 令 所 有 人 惊讶 的 是 ， 这 匹 马 (名 为 “聪明 的 汉 斯 ”) 很 快 就 
学 会 了 有 一 定 难度 的 数学 运算 ,包括 加 减 乘 除 ,还 有 日 期 计算 ,这 匹 马 能 明白 用 纯 德语 问 的 问题 ， 
也 能 看 懂 写 在 纸 上 的 数学 问题 。 

当然 ， 这 匹 马 无 法 写 下 答案 。 它 用 蹄 子 踏 地 的 次 数 给 出 答案 。 

心理 学 家 Oskar Pfungst 对 此 产生 了 怀疑 ， 于 是 决定 对 聪明 的 汉 斯 展开 调查 。 很 快 ， 他 就 确定 
究竟 发 生 了 什么 : 聪明 的 汉 斯 实际 上 没有 做 任何 计算 。 这 只 动物 不 会 阅读 ， 也 不 懂 德语 。 它 只 是 
对 驯 马 师 无 意识 的 身体 语言 做 出 反应 , von Osten 才 是 真正 解决 数学 问题 的 那个 人 。 这 匹 马 仅 仅 是 
看 着 von Osten， 然 后 用 自己 的 蹄 子 敲 地 ， 直 到 他 表示 它 给 出 了 正确 的 答案 。 

有 趣 的 是 ，von Osten 完 全 没 意 识 到 他 给 了 这 匹 马 暗 示 。 

这 激发 了 Pfungst 的 兴趣 ， 他 就 此 问题 继续 实验 。 最 终 他 发 现 人 与 人 之 间 也 存在 类 似 的 交互 ， 
而 且 这 种 无 意识 的 暗示 是 无 法 抑制 的 ， 即 便 我 们 完全 清楚 它 的 存在 。 

这 对 我 们 意味 着 什么 呢 ? 

这 意味 着 协助 者 很 容易 无 意识 地 引导 测试 者 完成 整个 测试 , 也 因此 使 得 测试 完全 无 效 。 这 就 是 
为 何 正 式 的 可 用 性 测试 通常 需要 在 双 面 镜 后 面 进行 ;这 排除 了 外 界 一 切 因 素 对 测试 者 产生 的 影响 。 

你 可 以 通过 一 些 方法 来 改善 这 一 情况 。 首 先 ， 虽 然 你 不 能 有 意识 地 避免 作出 无 意识 的 暗示 ， 
但 是 可 以 减少 这 种 提示 的 次 数 。 所 以 ， 除 非 确实 有 必要 ， 和 否则 不 要 与 测试 者 交流 。 

其 次 ,你 需要 离开 测试 者 的 视线 范围 , 坐 在 测试 者 后 面 一 点 ,这 样 他 就 能 较 少 意识 到 你 的 存在 。 
再 次 ,如果 可 能 ,做 一 些 不 需要 和 测试 者 坐 在 一 起 的 测试 。 远 程 测试 刚好 能 做 到 这 一 点 ( 详 
见 第 35 章 )。 

最 后 ,不 用 过 于 担心 ， 专心 一 点 就 行 。 这 又 不 是 统计 学 双 育 研究。 你 只 是 试 着 找 出 用 户 界面 
中 存在 的 问题 。 如 果 测 试 者 犹豫 或 者 望 着 你 寻求 指导 ， 你 就 会 知道 这 部 分 用 户 界面 可 能 有 问题 ， 
即使 你 的 回应 可 以 让 测试 者 知道 接 下 来 怎么 做 。 


避免 压力 


所 有 医学 专业 的 学 生 都 学 过 一 条 重要 的 医学 伦理 原则 :“ 首 先 ,不 要 伤害 病人 。” 这 同样 适用 
于 可 用 性 专业 人 士 。 当 进行 可 用 性 测试 时 ， 我 们 将 测试 者 置 于 一 种 我 们 希望 他 们 犯错 的 情境 中 。 
这 是 一 种 压力 很 大 的 情景 ， 毕 竟 没 人 喜欢 犯错 。 你 可 以 做 一 些 工 作 来 让 测试 者 放 松下 来 。 
第 一 ， 一 定 要 明确 且 清 楚 地 指出 你 测试 的 不 是 他 们 ， 而 是 用 户 界面 。 


第 二 ， 如 果 测 试 者 遇 到 了 困难 或 者 很 明显 “ 误 入 牙 途 ”， 变 得 焦虑 ， 你 就 要 干预 。 你 是 明确 
告知 测试 者 这 不 是 他 的 问题 。 你 可 以 这 样 说 :“ 这 正 是 请 你 参与 测试 的 原因 。 这 个 设计 还 有 很 多 
严重 的 问题 。 我 想 你 应 该 从 头 再 试 一 下 。” 然后， 进入 下 个 任务 。 
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第 三 ， 不 要 一 再 告诉 测试 者 大 声 说 出 想法 。 你 可 以 在 测试 开始 时 说 一 下 ,“ 测 试 过 程 中 你 可 
以 随意 说 话 ， 这 样 能 帮 我 更 好 地 了 解 用 户 界面 的 问题 所 在 "。 当 你 不 清楚 测试 者 在 做 什么 时 ， 还 
可 以 问 一 下 :“ 你 现在 在 想 什么 ” ”但 是 要 记 住 ， 有 些 人 就 是 不 喜欢 自 言 自 语 。 

第 四 ,如 果 测 试 者 因为 测试 而 变 得 紧张 ， 就 停止 测试 。 强 迫 泪 未 且 无 法 集中 精力 的 测试 者 完 
成 测试 , 不 仅 会 给 测试 者 带 来 糟糕 的 体验 , 你 也 不 会 得 到 任何 有 价值 的 信息 。 他 的 行为 一 般 也 不 
能 代表 真正 的 用 户 ， 真 正 的 用 户 在 被 产品 惹恼 时 会 休息 一 下 ， 或 者 去 做 其 他 事 。 


最 后 ， 要 以 积极 的 方式 结束 测试 。 感 谢 测试 者 花 时 间 参 与 测试 。 告 诉 他 们 ， 他 们 的 参与 对 你 
来 说 弥 足 珍贵 ， 能 帮助 你 改善 产品 。 


要 氮 


口 在 设计 任务 或 者 在 可 用 性 测试 期 间 与 测试 者 交谈 时 ， 避免 使 用 用 户 界面 中 出 现 的 词语 。 
口 测试 过 程 中 要 避免 影响 测试 者 。 
口 要 留心 测试 者 望 着 你 寻求 指导 的 情况 ， 因 为 这 表明 产品 存在 可 用 性 问题 。 
口 避免 将 测试 者 置 于 压力 较 大 的 情境 中 。 

口 不 要 一 再 地 告诉 测试 者 大 声 说 出 想法 。 

口 如 果 测 试 者 变 得 不 安 或 恼怒 ， 则 立即 停止 测试 。 


用 户 错误 即 恋 讨 错误 


当 用 户 无 法 使 用 产品 时 ， 我 们 可 能 会 将 其 归咎 于 用 户 的 无 能 。 那 是 “用 户 的 错误 ”， 我 们 可 
能 会 这 么 说 。 这 种 反应 被 称 作 “键盘 和 椅子 之 间 的 问题 ”( Problem Exists Between Keyboard And 


Chair，PEBKAC )。 


当 你 第 一 次 做 可 用 性 测试 时 ， 自 然 会 得 到 一 些 和 否定。 当然 ， 你 的 产品 不 可 能 那么 差 。 你 可 能 


只 是 恰好 找 了 一 些 无 能 的 人 来 测试 ， 对 吗 ? 


这 种 归咎 于 用 户 的 做 法 也 常常 得 到 用 户 本 身 的 文 持 , 他 们 也 常常 将 不 会 使 用 产品 的 问题 怪 在 


自己 关上 。 当 他 们 不 知道 如 何 使 用 产品 ,然后 你 为 他 们 展示 如 何 使 用 时 ,他 们 的 反应 往往 是 :“ 哇 ， 


我 真 不 知道 自己 怎么 没 看 到 这 个 ! 它 看 上 去 如 此 明显 !” 他 们 责怪 自己 没 看 到 
怪 你 没有 将 它 设 计 得 足够 明显 。 


I 这 些 元 素 ， 而 不 


目 
AE 


将 产品 的 错误 归 答 于 用 户 无 益 于 修复 这 个 错误 。 如果 成 千 上 万 的 人 使 用 你 的 产品 , 你 在 可 用 
性 测试 中 发 现 的 问题 就 会 被 数 百 甚至 数 千 用 户 遇 到 。 与 其 撤 清 责 任 , 不 如 修复 问题 。 Don Norman 


在 《设计 心理 学 》" 中 说 道 ; 
不 要 认为 用 户 犯 了 错误 ， 而 要 将 用 户 的 行为 理解 为 对 产品 的 期 望 。 
并 非 用 户 犯 了 错 ， 而 是 你 的 产品 犯 了 错 ， 它 没有 正确 解读 用 户 的 行为 。 
不 要 在 错误 信息 中 责怪 用 户 
我 们 都 见 过 和 下 图 类 似 的 错误 信息 。 


@ 如 果 你 还 未 读 过 《设计 心理 学 》 现在 就 放下 本 书 ， 去 找 一 本 来 读 。 
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Error 404 — Page Not Found 


This error might have ocurred because... 


X You have typed the URL incorrectly 
X You have followed a broken link 


其 The page has been moved, updated, or deleted 


用 户 首先 看 到 的 就 是 “你 输入 了 错误 的 地 址 ”。 这 个 错误 信息 责怪 用 户 尝试 访问 一 个 不 存在 
页 面 的 URL。 但 是 用 户 很 可 能 没有 做 错 任 何事 。 用 户 遇 到 “无 法 找到 页 面 ”这 样 的 错误 ， 很 可 能 
仅仅 是 因为 他 们 点 击 了 一 个 失效 链接 ， 而 这 个 失效 链接 就 在 你 的 网 页 中 。 

不 要 责怪 用 户 , 我 们 首先 应 该 为 这 个 问题 道歉 。 这 才能 体现 良好 的 可 用 性 ， 因 为 这 能 让 用 户 
冷静 下 来 解决 问题 。 在 The Man Who Lied to His Laptop [NY10] 一 书 中 ， 作 者 Clifford Nass 介 绍 了 
计算 机 在 用 户 玩 游戏 时 提供 “情感 支持 ”的 实验 。 他 总 结 道 :“ 积 极地 承认 和 处 理 人 们 的 情感 状 
态 , 会 缓解 由 挫败 带 来 的 极度 消极 和 极度 兴奋 的 状态 。 换 句 话 说 ， 当 你 表明 自己 聆听 了 他 们 、 理 
解 他 们 的 感受 并 且 表 示 同 情 时 ， 他 们 会 感觉 好 受 一 些 。” 


错误 页 面 的 男 一 个 问题 是 ， 它 用 了 大 量 的 术语 来 解释 问题 。 大 多 数 人 不 知道 也 不 关心 404 和 
URIL 代 表 什么 。 


最 后 ,错误 页 面 没有 用 。 它 给 出 了 问题 的 原因 , 但 是 没有 提供 解决 方案 。 网 站 可 以 根据 可 用 
言 息 判断 用 户 想 访问 哪里 。 例如， 博客 文章 的 链接 地 址 通常 包含 撰写 博文 的 年 、 月 、 日 信息 。 即 
使 URL 的 最 后 一 部 分 被 截断 或 者 和 输入 不 正确 ， 剩 余 的 信息 也 可 以 用 来 推测 用 户 尝试 打开 的 页 面 。 
下 面 这 个 页 面 怎 么 样 ? 


anNon 
Page Not Found 


€ 3 CC © www.example.com/2010/12/3/article 


We're really sorry but we can't 
find the page you requested. \ 


Maybe it's one of these? Eee 
4 Article published on 12/3 2010 
4 Another article published on 12/3 2010 


If not, you can try searching for the article you're 
looking for: 


Search 


If this didn't help, feel free to contact us. 


(== = = = = 
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用 户 不 愿 受 厨 


在 folklore.org 网 站 中 ，Andy Hertzfeld 详 细 描 述 了 他 为 苹果 Lisa 计 算 机 做 可 用 性 测试 时 一 
次 很 有 趣 的 经 历 。* 根据 他 的 描述 ， 对 话 框 中 有 两 个 默认 的 按钮 :“ 取 消 ”( Cancel ) 和 “ 执 
行 "(DolIt), 然而 , 在 可 用 性 测试 中 他 们 发 现 , 一 些 用 户 常常 在 本 应 点 击 “ 执 行 ” 时 点 了 “ 取 
消 ”。 当 他 们 与 对 对 话 框 感 到 特别 困惑 的 用 户 交 谈 时 ,用 户 回答 :“ 我 不 是 策 蛋 ， 为 何 软 件 叫 
我 策 蛋 ? 


用 户 只 是 没有 注意 到 “Do” 和 “It” 之 间 的 空格 ， 将 其 看 成 了 “Dolt”。 所 以 ，Lisa 团 队 
将 “执行 ”按钮 改 成 了 “确定 ”。 


a. 可 以 在 http://www.folklore.org/StoryView.py?project=Macintosh&zstory=Do_It.txt&sor-tOrder=Sort%20by%20 
Date&detail=medium&search=Do%20it 阅 读 完整 的 故事 ， 以 及 其 他 关于 Mac 开 发 的 趣事 。 


这 个 界面 没有 责怪 用 户 , 而 是 承认 网 站 本 身 可 能 出 错 了 ,并 且 致 茹 。 它 不 但 用 相当 易 懂 的 语 
言 描述 了 哪里 出 错 了 ,而 且 为 问题 提供 了 可 行 的 解决 方案 。 如 果 都 不 起 作用 ， 它 还 为 用 户 提供 了 
一 个 直接 联系 你 的 方式 。 


没有 错误 就 没 责备 


不 要 因为 用 户 犯错 而 责备 他 们 。 更 好 的 做 法 是 给 出 错误 信 ， 帮助 用 户 了 解 如 何 解 决 问题 。 而 
最 佳 做 法 是 杜绝 问题 。 如 果 出 错 , 通常 都 不 是 用 户 的 错误 ,而 是 你 的 错误 。 如 果 你 的 产品 换 一 种 
工作 方式 ， 可 能 问题 就 永远 不 会 出 现 。 


只 需 改 变 一 下 用 户 界面 就 能 避免 大 量 常见 错误 的 发 生 。 下 面 看 一 下 常见 的 两 种 错误 。 


模式 错误 
我 们 认为 是 “用 户 错误 ”的 问题 ， et ed 


用 户 执 行 什么 操作 。 我 在 第 23 章 中 提 过 这 个 问题 , 但 由 于 模式 是 错误 的 一 个 常见 来 源 , 我 们 常 
将 其 视 为 “用 户 错 误 ”"， 让 我 们 快速 总 结 一 下 。 

模式 错误 的 一 个 典型 例子 是 看 电影 时 手机 响 了 ; 大 多 数 手机 的 静音 模式 都 不 明显 。 用 户 很 难 
一 眼 就 识别 出 手机 的 当前 状态 ， 很 容易 忘记 它 当 前 是 否 处 于 静音 模式 。 
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电影 播放 了 0 分 钟 后 ， 这 两 个 手机 有 一 个 会 产生 
大 量 咖 声 ， 你 能 说 出 是 哪 一 个 吗 ? 


在 诸如 iPhone 和 webOS 的 设备 上 有 一 个 明显 的 实体 按钮 可 以 在 这 两 种 模式 之 间 切 换 ， 很 好 地 
解决 了 这 个 问题 。 

如 果 应 用 没有 指明 所 处 的 模式 ， 或 者 意外 地 切换 了 模式 ， 也 会 引发 类 似 的 问题 。 例 如 ， 图 片 
编辑 应 用 通常 都 有 一 个 模式 工具 选择 , 通过 改变 光标 的 样式 来 表明 当前 选择 的 工具 。 但 用 户 很 容 
易 忽视 这 一 提示 ， 比 如 用 户 可 能 会 在 图 片上 意外 地 夯 一 条 线 , 因为 他 们 以 为 当前 激活 的 是 克隆 工 
具 ( 而 不 是 绘制 工具 )。 


AMVD Untitled-1 @ 66.7% (RGB/8) AMNAN Untitled-1 @ 66.7% (RGB/8) 
入 O 
5667% “| 瑟 | 全 3 4 5567% “| 古 | EE 4| > 
点 击 饼 标 ， 人 绘制 圆 点 点 击 鼠 标 ， 复 制 部 分 图 像 


为 不 同 的 工具 使 用 不 同 的 光标 图 片 可 以 避免 这 个 问题 。 下 图 展示 了 刚刚 提 及 的 两 个 按钮 在 
Acorn 中 的 样式 : ” 


人 关于 Acom， 更 多 信息 详 见 http://www.flyingmeat.com/acorn。 
Pp 
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QINA Untitled @MA Untitled 


Option click to define a new clone source, 
oO or begin drawing 


Canvas: 300x300 100% 2 


3 Canvas; 300x300 100% 加 e:] [re 


Acom 会 提示 用 户 当前 使 用 的 工具 。 用 户 对 当前 激活 的 工具 感到 迷惑 的 概率 大 大 降低 。 


输入 错误 
当 产 品 没有 明确 说 明 它 想 让 用 户 做 什么 时 ， 也 会 引发 “用 户 错误 ”， 例 如 ， 有 些 表单 数据 验 


证 模式 就 很 模糊 。 


品 对 于 日 期 和 信用 卡号 码 的 格式 要 求 不 明显 。 结 果 , 用 户 会 尝试 输入 不 同 格式 的 数据 。 这 
人 党 无效。 


Re We 
出 生日 期 [August28tn,1979 | 


人 eR 


XXXX-XXXX-XXXX-XXXX 


应 用 和 网 站 要 么 显 式 地 声明 想 要 用 户 如 何 操 作 ( 例如， 在 输入 字段 中 填写 示例 数据 )， 要 人 么 
允许 用 户 输入 各 种 格式 的 数据 。 

解决 这 个 问题 的 为 一 种 方法 是 , 不 需要 用 户 决 定 输入 的 格式 。 比 如 ,用 户 界 面 可 以 提供 一 个 
日 历 选择 器 ， 无 需 用 户 在 文本 框 中 输入 日 期 。 
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all-day: 口 Date: 
starts: | 12.08.2026| 13:15 
ends: |Aug. 23026 aor 


05 Feb 2016 09:05 


4 January, 2011 


repeat: Su Mo Tu We Th 


26 27 28 29 30 341 
taveltime: se ;oe 2 3 的 5 6 te “OF ‘04 
ke 10 1 13 14 15 16 9 10 1812 13 Today 09 05 
show as: | 17 18 19 20 21 22 23 16 17 18 19 20 
| 24 25 26 27 28 29 30 23 24 25 26 27 Sat 6 Feb 10 
Add Invitees | 31 3203 1 2 3 
Add Notes or URL Pa PMI 
Mac 上 的 日 历 一 次 只 允许 Windows 上 均 日 历 按 月 份 显示 ， Phore 设 定 日 期 的 用 户 
选择 一 个 数字 ， 保 证 了 格式 扎 击 日 期 可 选中 ， 仅 在 时 间 栏 界面 完全 训 狗 了 用 户 答 入 


总 是 正确 的 采用 键入 方式 


要 氮 


口 承担 责任 。“ 用 户 错误 ”实际 上 是 用 户 界面 设计 的 失败 ， 是 设计 师 的 错误 。 将 责任 推 给 用 
户 并 不 能 解决 问题 。 

口 不 要 在 用 户 界面 中 责怪 用 户 。 这 会 让 用 户 感觉 很 糟 , 而 且 问 题 很 可 能 是 由 你 的 错误 导致 的 。 
口 列 出 有 用 的 错误 信息 。 如 果 出 错 了 ， 要 解释 是 什么 出 了 错 ， 更 重要 的 是 告诉 用 户 该 如 何 
解决 问题 。 

口 避免 出 现 问题 。 最 好 完全 避免 发 生 错误 。 如 果 用 户 遇 到 错误 ， 考 虑 该 如 何 改善 产品 ， 避 和 
免 错 误 再 次 发 生 。 

口 避免 使 用 模式 ， 或 者 清晰 地 说 明 产 品 当前 所 处 的 模式 ， 以 防止 模式 错误 。 

口 声明 你 期 望 用 户 如 何 操作 ， 或 者 阻止 非法 和 输入， 从 而 避免 输入 错误 。 


A/B 测 试 


目前 为 止 ， 我 所 谈 到 的 可 用 性 测试 都 需要 观察 用 户 的 个 人 行为 。 这 对 于 查找 设计 中 存在 的 
问题 很 有 用 , 但 如 果 你 需要 对 比 两 个 或 多 个 不 同 的 设计 以 找到 最 佳 的 那个 , 这 种 方法 就 没 那么 有 
用 了 。 

假设 你 正在 设计 注册 页 面 的 文案 , 你 不 确定 哪个 版 本 更 有 利于 说 服用 户 注册 。 或 者 你 想 将 登 
录 表 单 置 于 主页 , 但 不 确定 两 个 位 置 中 的 哪 一 个 对 用 户 来 说 更 好 。 这 类 问题 最 常见 的 解决 方案 就 
是 A/B 测 试 。 使 用 A/B 测 试 ， 你 可 以 找 出 两 个 或 多 个 设计 中 最 优 的 那个 。 

虽然 称 为 A/B 测 试 ， 但 这 种 测试 不 仅 能 用 来 对 比 两 个 设计 方案 ,还 可 以 对 比 一 个 设计 方案 的 
数 个 版 本 。 因 此 ， 这 种 测试 有 时 被 称 为 A/B/n 测 试 。 
优点 


A/B 测 试 可 以 让 你 使 用 硬 数据 来 改进 设计 。 这 里 不 存在 猜测 的 成 分 。 如 果 你 需要 改进 设计 ， EE 
A/B 测 试 就 是 可 以 帮 你 实现 这 一 目标 的 工具 。 


先决 条 件 
你 的 产品 需要 有 一 个 可 用 的 版 本 ， 而 且 应 该 有 大 量 用 户 使 用 。 
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多 变量 测试 


变量 测试 (有 时 也 称 为 多 元 测试 ) 是 A/B 测 试 的 一 个 衍生 版 本 。 常 规 的 A/B 测 试 测试 
的 是 已 完全 实现 的 不 同 设计 。 


A 


AIB 测 试 ,测试 约 是 已 完全 实现 约 不 同 设计 


执行 多 变量 测试 时 ， 你 要 同时 测试 设计 中 各 个 部 分 的 不 同 版 本 。( 设计 中 有 多 个 变量 ， 
这 就 是 称 其 为 多 变量 测试 的 原因 。) 


多 变量 测试 同时 测试 设计 中 各 个 部 分 的 不 同 禾 本 


多 变量 测试 可 以 看 作 同 时 运行 了 多 个 小 区 域 的 A/B 测 试 。 不 过 除非 你 有 充分 的 理由 做 多 
变量 测试 ， 否 则 我 建议 避免 做 这 种 测试 ， 因 为 这 会 导致 弗 兰 背 斯 坦 式 的 设计 ， 即 不 相 匹配 的 
设计 元 素 组 合 在 一 起 : 在 多 变量 测试 中 表现 最 好 的 设计 元 素 混合 在 一 起 通常 不 会 形成 最 优 的 
设计 。 一 般 来 说 ， 最 好 对 比 两 个 或 者 多 个 已 完全 实现 的 、 连 贯 一 致 的 设计 ， 看 看 哪个 更 好 。 


何 时 做 A/B 测试 
A/B 测 试 对 于 对 比 两 个 或 多 个 设计 并 且 找 出 最 优 的 那个 很 有 用 。 通 常 来 说 ，AAB 测 试 在 两 种 
情况 下 很 有 用 。 
D 你 已 经 重新 设计 或 者 重 写 了 某 些 功能 ， 你 想 知 道 新 设计 是 否 比 之 前 的 版 本 效果 更 好 。 
口 某 个 问题 有 多 种 可 行 的 解决 方案 ， 你 想 找到 效果 最 佳 的 那个 。 
无 论 是 有 巨大 差别 的 布局 还 是 颜色 或 者 文字 的 小 修改 ， 你 都 可 以 用 AB 测 试 来 对 比 效 果 。 


如 果 你 的 网 站 像 Google 或 者 Amazon 一 样 ， 每 天 都 有 数 百 万 的 人 使 用 ,那么 可 用 性 上 非常 微 
小 的 差别 也 会 为 成 二 上 万 的 用 户 制 造 或 者 避免 问题 。 很 可 能 没有 那么 多 人 用 你 的 产品 , 所 以 可 用 
性 的 小 差别 没有 多 大 关系 ， 不 需要 用 A/B 测 试 检查 每 个 小 改动 。 但 是 如 果 要 做 出 大 的 调整 ,或 者 
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要 更 改 产品 中 特别 重要 的 区 域 ( 比如 Web 服 务 的 注册 页 面 )，A/B 测 试 就 极其 有 用 。 
什么 是 成 功 


A/B 测 试 背后 的 基本 思想 是 ， 实 现 两 种 不 同 的 设计 ， 然 后 看 看 哪个 更 有 效 。 但 这 里 有 个 固有 
的 问题 , 就 是 怎样 才 算 “更 有 效 ”?” 用 户 怎样 就 算 成 功 使 用 了 产品 ?” 有 时 候 , 答案 很 明显 。 比 如 ， 
在 设计 一 个 检 出 系统 时 ， 如 果 用 户 能 完成 检 出 过 程 ， 系 统 就 是 有 效 的 。 然 而 ,通常 情况 下 ， 对 于 
什么 是 “成 功 ” 没 有 特别 明显 的 答案 。 


定义 “成 功 ”的 一 个 方式 是 回 到 设计 流程 的 最 初 阶段 ， 思 考 用 户 的 目标 。 如 果 你 知道 他 们 为 
何 使 用 这 款 产品 ， 就 能 定义 “成 功 ”。 如 果 更 多 的 用 户 能 实现 他 们 的 目标 ， 那 么 产品 效果 就 更 有 
效 。 

有 时 ,这 只 需要 统计 点 击 网 站 中 链接 的 用 户 的 百分比 , 或 者 网 站 访客 注册 的 百分比 。 有 时 这 
个 问题 不 好 回答 。 开始 一 个 任务 并 真正 完成 的 有 多 少 人 ? 产品 中 的 任务 如 何 定义 ? 怎样 才 算 开始 
或 者 完成 一 个 任务 ? “成 功 ” 的 定义 取决 于 你 的 产品 。 
准备 测试 

此 时 ,你 有 两 个 (或 多 个 ) 想 要 测试 的 设计 ， 而 且 定义 了 “成 功 ”的 含义 。 现 在 ， 你 需要 实 
现 这 两 个 设计 ， 然 后 将 它们 分 发 给 你 的 用 户 。 

如 果 你 的 产品 是 一 款 桌面 应 用 ,你 要 么 创建 两 个 (或 更 多 ) 不 同 的 版 本 ， 并 将 合适 的 版 本 分 
发 给 不 同 的 用 户 ， 要 么 在 同一 应 用 中 添加 两 种 设计 ， 然 后 当 用 户 运行 应 用 时 决定 显示 哪 种 设计 。 

如 果 你 的 产品 是 个 网 站 , 你 就 需要 实现 一 种 访问 网 站 不 同 版 本 的 方法 , 要么 赋 与 两 种 设计 不 
同 的 URL, 要 人 么 在 用 户 访 问 唯 一 的 URL 时 决定 展示 哪 种 设计 。 有 大 量 的 在 线 工 具 可 以 用 于 在 网 站 
上 运行 A/B 测 试 。 你 可 以 用 Google Analytics" 做 A/B 测 试 ， 但 Google 还 提供 了 Website Optimizer” 来 
测试 网 站 的 变化 。Vertster "是 另 一 款 为 网 站 创建 多 变量 测试 的 工具 。 


运行 测试 


运行 A/B 测 试 时 ,你 要 确保 用 户 不 会 在 两 种 不 同 的 设计 间 切 换 .( 用 户 看 到 了 设计 的 一 个 版 本 ， 
点 击 链接 或 者 重启 应 用 之 后 却 突然 看 到 另 一 版 本 ， 这 真 的 很 让 人 迷惑 。) 为 了 达到 这 个 目的 ， 你 
应 该 将 用 户 分 为 不 同 的 群 组 ， 同 组 用 户 看 到 相同 版 本 的 设计 。 


运行 测试 时 , 你 需要 收集 结果 。 测试 网 站 时 这 很 简单 , 因为 你 能 “看 到 ”每 个 用 户 在 做 什么 ， 


Q@ 关 于 此 工具 的 说 明 ， 详 见 https://support.google.com/analytics/answer/1745147。 
人 @) 详 见 http://www.google.com/websiteoptimizer。 


@ 详 见 http:/www.vertster.com。 
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耳 


但 是 测试 桌面 应 用 时 这 就 很 困难 了 。 


你 还 应 该 通知 用 户 你 正在 收集 使 用 数据 , 并 且说 明 你 究竟 要 收集 什么 内 容 , 以 及 为 何 这 么 做 。 
下 图 显示 了 Google 在 Chrome 的 下 载 页 面 上 的 做 法 。 


赂 Google Chrome for Windows - Terms and Conditions Agreement - Windows Internet Explorer 


回 口 - [8 http://www.google.com/ chrome/eula htmi?hl=en&hl=de&brand=GGRYsins | 名 | 顾 | Xx ||[ sing 


人 寅 Favortes 这 加 Suggested Sites » B) Web Slice Gallery v 


$Y Google Chrome for Windows - Terms and Condit... 前 ”有 国 7 了 7 可 叶 ”page Ssfetyv Toosv 和 ~ 


© chrome 


Google Chrome Terms of Service 


These Terms of Sevice apply to the executable code version of Google Chrome. Source code for 
Google Chrome is available free of charge under open source software license agreements at 
http-//code google com/chromium/terms_html 


1. Your relationship with Google 


1.1 Your use of Google's products, software, sevices and web sites (referred to collectively as 

the “Services” in this document and excluding any semvices provided to you by Google under a 
separate written agreement) is subject to the terms of a legal agreement between you and 

Google. “Google” means Google Inc., whose principal place of business is at 1600 Amphitheatre ~ 


¥| Set Google Chrome as my default browser 
| Help make Google Chrome better by automatically sending usage statistics and crash reports to Google Leam more 


| Accept and Install | | Cancel | 


©2011 Google - Privacy Policy - Help - Google Chrome for Mac or Linux 


宇 @ Internet | Protected Mode On 


解释 结果 


大 多 数 A/B 测 试 会 为 你 解释 结果 。 通 常 ， 你 可 以 从 早期 的 趋势 判断 哪 种 设计 效果 最 好 。 但 是 
要 小 心 : 人 们 喜欢 寻找 模式 ， 很 容易 在 没有 模式 的 情况 下 “看 ”到 一 个 模式 。 这 里 需要 记 住 统计 
显著 性 。 你 需要 知道 你 看 到 的 结果 有 多 大 概率 是 随机 出 现 的 。 


User Effect 公司 “有 一 个 简易 的 计算 器 "”， 能 显示 针对 两 个 设计 的 A/B 测 试 的 结果 是 否 统计 显 
著 。 如 果 不 是 ， 该 计算 器 还 会 告诉 你 还 需要 多 少 访问 者 才能 得 到 统计 显著 的 结果 。 


如 果 对 两 种 以 上 的 设计 做 APB 测 试 ， 你 可 以 对 比 不 同 的 设计 ， 看 看 差异 是 否 显著 。 
需要 记 住 的 要 点 


如 有 果 你 用 A/B 测 试 对 比 设计 中 微小 的 增 量 变化 的 效果 ， 那 么 要 记 住 ，A/B 测 试 只 能 为 你 带 来 
局 部 的 最 大 可 用 性 。 做 很 多 的 增 量 改变 会 让 你 实现 优质 的 设计 ， 但 可 能 不 会 实现 最 佳 的 设计 。 


Q@ 公司 主页 : http:/www.usereffect.com。 
@ 详 见 http://www.usereffect.com/split-test-calculator。 
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想象 产品 所 有 可 能 的 设计 。 其 中 一 些 具 有 更 高 的 可 用 性 , 另 一 些 则 差 一 些 。 如 果 你 能 将 它们 
绘制 出 来 ， 可 能 会 得 到 形 如 下 图 的 图 表 。 


谨 
区 
全 


用 户 分 组 


测试 一 款 客户 端 应 用 的 时 候 ， 将 用 户 分 为 两 组 非常 简单 。 在 用 户 下 载 应 用 时 ， 随 机 给 他 
分 配 一 个 编译 版 本 。 用 户 通常 只 会 下 载 一 次 应 用 ,所 以 你 无 需 担心 用 户 从 一 种 设计 切换 到 另 
一 种 。 类 似 地 ， 如 果 两 种 设计 存在 于 同一 个 编译 版 本 中 ， 当 用 户 首 次 运行 应 用 时 ， 可 以 随机 
为 他 选 一 个 设计 ， 然 后 将 其 存储 为 用 户 设置 。 

在 测试 网 站 时 ， 对 用 户 分 组 就 有 点 复杂 了 。 为 访客 选 定 设计 的 一 种 方法 是 ， 通 过 访客 IP 
地 址 哈 希 后 取 模 的 值 判定 显示 哪 一 版 设计 ?, 然后 设置 一 个 cookie 来 指定 在 用 户 的 计算 机 中 显 
示 哪 款 设 计 。 对 于 重复 的 访客 ， 首 先 检 测 他 们 是 否 有 cookie， 如 果 没 有 ， 仍 旧 使 用 耳 地 址 来 
判定 显示 哪 款 设计 。 这 种 方法 并 非 万 无 一 失 ( 用户 可 能 禁用 cookie 或 更 改 IP 地 址 )， 但 却 能 有 
盖 几 乎 所 有 场景 。 


a. 由 于 耳 地 址 不 是 随机 的 , 直接 对 耳 地 址 本 身 取 模 会 使 不 同 分 区 的 人 数 不 均衡 ， 而 将 哈 希 方法 应 用 到 耳 地 址 上 可 
以 去 除 这 种 偏见 。 


如 果 你 改变 了 设计 ， 可 用 性 就 改变 了 。 

如 果 设 计 的 质量 目前 正 处 于 下 图 的 中 间 位 置 ， 那 么 你 就 无 法 仅仅 通过 微小 的 迭代 修改 和 
A/B 测 试 获得 最 优 设 计 。 你 可 以 想象 如 下 场景 : 如 果 你 正在 爬山 并 且 决 定 只 往 上 怜 ， 你 最 终 会 
登 上 这 座 山 的 顶峰 ,但 是 你 永远 不 会 到 旁边 更 高 的 山 的 山顶 。 想 要 登 上 那个 更 高 的 山顶 ， 你 首 
先 需 要 下 山 。 
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如 果 从 这 里 开始 


小 修 小 补 和 7B 测 试 
可 以 让 你 到 达 这 里 


可 用 性 


大 刀 阔 算 约 修改 
可 以 让 你 到 这 这 里 


设计 
同样 ， 如 果 想 最 终 实 现 效 果 更 好 的 设计 ， 有 时 候 你 需要 放弃 效果 很 糟 的 设计 ， 重 新 开始 。 


为 了 避免 这 个 问题 ， 你 可 能 需要 放弃 这 种 迭代 式 的 设计 ， 然 后 试 试 完 全 不 同 的 设计 。A/B 测 
试 对 于 每 个 设计 师 来 说 都 是 重要 的 工具 ， 不 过 要 注意 它 的 局 限 。 


要 所 
口 A/B 测 试 可 以 对 比 不 同 的 设计 ， 然 后 找 出 效果 最 佳 的 那个 。 


口 “ 有 效果 ”的 定义 取决 于 用 户 的 目标 。 

口 获取 网 站 的 使 用 数据 很 容易 ， 获 取 桌 面 端 或 移动 端 应 用 的 使 用 数据 很 难 。 要 记得 获得 用 
户 的 同意 ， 并 且 告 知 他 们 你 究竟 要 做 什么 。 

D 在 基于 这 类 数据 做 选择 时 ， 一 定 要 检查 结果 是 否 具 有 统计 显著 性 。 

口 当 你 将 高 度 优化 的 旧 设计 与 新 设计 对 比 时 ， 要 意识 到 ， 即 便 新 设计 在 直接 比较 中 表现 得 
很 差 ， 如 果 你 能 给 予 它 和 之 前 的 设计 同等 的 关注 度 ， 它 也 可 能 最 终 表 现 得 更 好 。 
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现在 你 已 经 完成 设计 并 且 发 布 了 产品 ， 所 以 你 的 工作 也 完成 了 ,对 吗 ?其 实 , 应 用 和 网 站 的 
设计 没有 终点 。 当 用 户 开始 使 用 你 的 产品 时 ， 你 就 应 该 开始 了 解 产品 的 设计 效果 如 何 ， 以 及 用 户 
用 你 的 产品 做 些 什么 。 本 章 会 介绍 一 些 内 容 来 帮 你 完成 这 些 工作 。 
优 抬 

产品 进入 市 场 后 ， 用 户 会 以 你 预料 之 外 的 方式 使 用 它 。 你 需要 知道 用 户 如 何 使 用 你 的 产品 ， 
以 了 解 如 何 改善 它 。 
先决 条 件 

你 的 产品 需要 有 一 个 可 用 的 、 已 发 布 的 版 本 。 
速度 测试 


性 能 很 重要 。 如 果 用 户 在 使 用 产品 的 过 程 中 经 常 需要 等 待 ,他 们 会 反感 这 种 体验 。 你 可 以 且 
应 该 在 开发 阶段 使 用 测试 数据 测试 产品 的 性 能 。 但 是 你 知道 用 户 一 定 用 产品 做 一 些 疯狂 的 事 ,而 
这 些 事 是 你 永远 想不到 的 。 

如 果 你 正在 开发 一 个 DVD 目录 应 用 , 让 用 户 可 以 管理 他 们 拥有 的 电影 , 你 可 能 会 假定 大 多 数 
人 拥有 的 DVD 不 超过 200 张 , 所 以 你 能 保证 你 的 产品 对 于 管理 这 个 数量 的 DVD 毫 无 问题 。 实际 上 ， 
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你 的 用 户 中 有 很 多 人 是 电影 收集 者 ( 因此 会 第 一 时 间 买 你 的 产品 )， 所 以 他 们 要 管理 的 DVD 不 止 
几 百 张 ， 可 能 有 上 万 张 。 


想象 这 样 一 个 网 站 : 自由 职业 者 可 以 在 上 面 追踪 他 们 在 各 项 目 和 客户 身上 花费 的 时 间 。 这 个 
服务 可 能 在 测试 期 间 表现 得 非常 好 , 所 以 你 认为 对 于 你 预计 的 午饭 后 的 用 户 数量 而 言 , 它 的 性 能 
同样 出 色 。 然 而 ， 这 里 的 前 提 是 每 个 用 户 会 在 〈 对 你 而 言 ) 随机 的 时 间 间 隔 点 击 你 的 站 点 。 思 
一 下 一 且 产 品 发 布 并 投入 使 用 会 发 生 什 么 。 每 天 早上 , 生活 在 同一 时 区 的 很 多 用 户 会 在 大 致 相同 
的 时 刻 开 始 工 作 。 他 们 都 会 启动 自己 的 计算 机 ， 打 开 你 的 网 站 ， 然 后 开始 做 项 目 。 换 名 话说 ， 他 
们 在 同一 时 刻 点 击 你 的 服务 ， 导 致 访问 量 达 到 峰值 。 访 问 量 不 会 在 一 天 中 平均 分 布 ， 而 是 有 峰值 
和 和 谷 值 。 你 的 服务 在 高 峰 时 段 表 现 如 何 ” 会 不 会 因为 你 的 服务 器 应 付 不 了 突然 出 现 的 访问 高 峰 ， 
导致 用 户 每 天 的 首次 体验 都 很 糟糕 ? 


一 旦 产品 开发 完成 ， 投 入 使 用 ， 你 一 定 要 追踪 它 在 真实 环境 中 的 表现 。 
至 于 你 的 产品 应 该 有 多 快 的 速度 ， 请 回顾 第 26 章 。 


退出 的 时 间 节 点 


观察 用 户 如 何 使 用 你 的 产品 时 ， 你 最 想 问 的 问题 之 一 是 :“ 用 户 何 时 停止 使 用 产品 ”” 用 户 
退出 产品 的 时 间 点 , 可 以 告诉 你 关于 他 们 所 遇 到 的 问题 的 大 量 信息 。 他 们 是 否 在 完成 任务 之 后 立 
马 退 出 产品 ? 如 果 是 的 话 ， 就 没有 什么 问题 了 。 他 们 是 否 在 完成 任务 的 途中 退出 了 产品 ? 比如 ， 
他 们 是 否 放弃 了 在 线 商 店 一 个 装 满 的 购物 车 ?如 果 是 , 那 你 的 产品 可 能 有 问题 。 可 能 是 用 户 对 你 
的 产品 感到 厌倦 了 , 也 可 能 是 他 们 不 明白 如 何 完成 某 个 任务 , 还 可 能 是 他 们 不 确定 继续 下 去 会 发 
生 什么 。 但 是 能 肯定 的 是 ， 一 定 是 哪里 出 了 问题 。 


在 执行 任务 的 过 程 中 退出 产品 表明 产品 存在 可 用 性 问题 。 追 踪 它 们 可 以 查 明 产品 的 潜在 问题 。 
评估 失败 


当 产 品 令 用 户 失望 时 通常 很 明显 ， 所 以 你 很 容易 从 中 得 到 关于 如 何 改 善 产 品 的 有 用 数据 。 

如 果 用 户 在 使 用 网 站 时 遇 到 404 页 面 或 者 类 似 的 错误 ， 你 就 会 知道 肯定 是 网 站 出 了 问题 。 追 
踪 这 种 错误 以 及 进 站 前 的 链接 站 点 ， 如 果 可 能 就 修复 问题 。 

如 果 用 户 使 用 搜索 功能 , 但 是 没 得 到 搜索 结果 或 者 没有 点 击 任何 搜索 结果 ,就 需要 看 一 下 他 
们 输入 的 搜索 词 ， 查 明 为 何 他 们 没有 找到 想 要 的 结果 。 你 能 否 做 些 什 么 来 修复 这 一 问题 ? 

无 论 何 时 ， 只 要 用 户 撤销 操作 ， 都 可 能 是 因为 产品 没有 按照 他 们 的 期 望 工作 。 你 需要 追踪 用 
户 在 撤销 改变 之 前 执行 的 操作 。 

虽然 严格 来 讲 程序 崩 演 不 算 可 用 性 问题 , 但 是 这 确实 有 损 用 户 体验 。 一 定 要 给 用 户 提供 一 个 
上 报表 省 信息 的 简单 方式 ， 并 尽 可 能 〈 即 使 不 可 能 ) 修复 这 个 问题 。 
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就 像 游戏 设计 师 度量 玩家 的 死亡 地 点 ( 参见 第 29 章 ) 一 样 ， 你 也 可 以 度量 产品 失败 的 地 方 ， 
并 解决 这 些 问 题 。 


用 户 行为 
部 署 产品 之 后 ， 你 就 可 以 开始 分 析 了 。 哪个 链接 用 户 会 点 ， 哪 个 链接 用 户 从 来 不 点 ? 哪个 功 


能 受 欢 迎 ， 哪 个 鲜 有 人 用 ? 类 似 ClickTale 和 Crazy Egg 这样 的 服务 能 帮 你 收集 用 户 的 行为 数据 。 
利用 这 些 信 息 可 以 评估 设计 以 及 功能 方面 的 想法 ， 甚 至 能 帮 你 决定 该 移 除 哪个 功能 。( 更 多 相关 
信息 ， 详 见 第 28 章 。) 

这 一 做 法 不 仅 适 用 于 网 站 。 你 还 可 以 为 桌面 端 应 用 的 用 户 提供 “定期 向 你 发 送 使 用 数据 ”的 
选项 。 

一 旦 有 用 户 同 意 给 你 发 送 数据 ， 你 就 需要 判定 哪些 数据 是 有 用 的 。 微 软 的 Jensen Harris 曾 写 
道 ”: “我们 收集 任何 我 们 认为 可 能 有 趣 且 有 用 ， 同 时 不 会 侵犯 用 户 隐 私 的 数据 。” 

微软 收集 的 信息 包括 用 户 使 用 的 快捷 键 , 用 户 在 不 同 任务 上 花费 的 时 间 , 用 户 创建 了 什么 以 
及 创建 了 多 少 〈 比如 他 们 有 多 少 邮件 文件 夹 )， 等 等 。 你 对 用 户 通 常 的 行为 知道 得 越 多 ,设计 决 
策 就 越 有 依据 。 

当 产 品 发 布 一 段 时 间 之 后 , 你 还 可 以 请 有 经 验 的 用 户 做 可 用 性 测试 , 或 者 拜访 一 些 用 户 , 观 
察 他 们 实际 使 用 产品 的 方式 (往往 与 你 所 想象 的 使 用 方式 大 相 径 庭 )。 


要 所 


口 一 旦 用 户 开 始 使 用 你 的 产品 ， 你 就 可 以 开始 评估 它 的 表现 了 。 

口 速度 是 一 个 重要 的 方面 ， 因 为 你 通常 很 难 预测 产品 在 实际 使 用 中 的 速度 。 

口 追踪 用 户 退 出 产品 的 时 间 节 点 ， 因 为 它 暗示 了 产品 的 潜在 问题 。 

口 评估 产品 失败 的 情况 ， 比 如 失效 链接 、 空 的 搜索 结果 ， 或 者 程序 骨 演 。 

口 观察 用 户 的 行为 ， 以 便 更 好 地 掌握 产品 的 哪些 部 分 需要 改善 ， 应 新 增 什 么 功能 、 移 除 哪 
些 功 能 。 
口 用 户 已 经 开始 使 用 你 的 产品 ， 但 这 不 是 设计 的 终点 。 要 深入 了 解 用 户 的 实际 操作 ， 并 且 
思考 如 何 利用 这 些 信 息 优化 产品 。 


延伸 阅读 


微软 Windows 用 户 体 验 团 队 的 项 目 管理 总 监 Jensen Harris 写 过 一 篇 很 吸引 人 的 博文 。“ 他 经 常 


GD 详 见 http://www.clicktale.com 及 http://www.crazyegg.com。 
@ 详 见 http://blogs.msdn.com/b/jensenh/archive/2006/04/05/568947.aspx。 
@ 详 见 http://blogs.msdn.com/b/jensenh。 
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撰文 介绍 微软 在 做 设计 决策 时 如 何 使 用 数据 。 
测量 


德国 有 向 该 语 :“Wer misst misst Mist”"， 大 意 是 “不 要 收集 垃圾 数据 ”*”。 仅 仅 是 测量 并 
不 能 保证 你 获得 了 真正 有 用 的 数据 。 你 需要 正确 地 测量 , 测量 正确 的 数据 ， 并 将 它们 置 于 正 
确 的 情境 中 。 


举 个 例子 。 前 段 时 间 , 一 家 社交 网 络 公司 公开 谈论 了 数据 驱动 的 设计 是 如 何 帮 助 他 们 改 
进 产 品 的 。 他 们 谈 到 了 自己 如 何 计算 “用 户 参 与 度 ”"， 然 后 为 提升 的 用 户 参 与 度 进行 优化 。 
“用 户 参 与 度 ” 仅 仅 表示 用 户 使 用 产品 的 频率 和 时 长 。 

他 们 讲 了 下 面 这 个 例子 。 他 们 原本 按时 间 先 后 顺序 展示 消息 , 后 来 改 成 了 按 随机 顺序 展 
示 。 结 果 , “用户 参 与 度 ” 提 升 了 。 成 功 了 ! 用 户 在 这 一 变化 后 使 用 产品 的 次 数 多 多 了 。 

公司 承认 其 实用 户 很 讨厌 这 一 改变 ,但 是 “用 户 参 与 度 ” 数 据 却 表明 这 一 改变 是 有 益 的 。 
毕竟 ， 如 果 用 户 讨 奈 这 个 改变 ， 为 何 还 会 更 多 地 使 用 产品 呢 ? 

当然 ,答案 也 很 明显 ,这 一 改变 让 产品 更 难 使 用 。 用 户 不 得 不 滚动 查看 更 多 信息 ， 以 确 
保 自己 看 到 了 所 有 的 新 消息 ,因为 他 们 再 也 不 能 依赖 新 消息 置顶 这 个 特性 了 。 这 一 改变 让 产 
品 变 得 更 糟 ， 而 粮 糕 的 可 用 性 增加 了 用 户 完 成 任务 所 花 的 时 间 ， 这 也 提高 了 “用 户 参 与 度 ” 
的 数据 。 

“用 户 参 与 度 ” 就 是 上 面 提 到 的 “垃圾 数据 "。 没 有 具体 情境 ， 你 根本 不 知道 “用 户 参 与 
度 ” 的 提升 是 好 事 还 是 坏事 。 用 户 可 能 是 因为 喜欢 产品 才 更 多 地 使 用 它 ， 也 可 能 是 因为 产品 
很 难 用 才 更 多 地 使 用 它 。 

要 谨慎 对 待 自 己 测量 的 数据 ， 要 确保 用 正确 的 情境 来 解释 数据 真正 的 含义 。 

哦 ， 对 了 ， 上 面 提 到 的 社交 网 络 公司 后 来 又 默默 地 撤销 了 所 做 的 改变 。 


ET 
开外 理 用 户 反 馈 


当 产 品 发 布 后 ， 困 难 也 随 之 而 来 。 真实 的 用 户 会 通过 很 多 你 意 想 不 到 的 方式 使 用 产品 。 他 们 
会 遇 到 你 从 未 想 过 的 问题 , 还 会 跟 你 抱怨 。 我 在 第 27 草 中 提 到 过 有 关 如 何 处 理 用 户 反 馈 的 部 分 内 
容 , 我 介绍 了 如 何 使 用 “五 个 为 什么 ”来 评 佑 反馈。 在 本 书 的 其 他 部 分 ,我 谈 到 过 何 时 倾听 用 户 
的 心声 ， 何 时 有 保留 地 听取 他 们 的 反馈 。 


本 章 将 谈 谈 用 户 反 馈 的 其 他 方面 。 
意料 之 外 的 使 用 方式 


需要 关注 的 一 个 重要 问题 是 用 户 会 以 预料 之 外 的 方式 使 用 产品 。 在 20 世 纪 70 年 代 和 80 年 代 ， 
IBM 极 大 地 低估 了 个 人 计算 机 的 市 场 , 没有 意识 到 用 户 会 以 BM 自己 都 没有 想到 的 方式 使 用 个 人 
计算 机 。 


1989 年 ，Tim Berners-Lee 在 CERN 提 出 了 “万 维 网 ”的 概念 ， 他 对 于 这 一 技术 的 既定 目标 是 
“将 各 类 信息 连接 起 来 ， 就 像 由 节点 构成 的 网 络 ， 用 户 可 以 在 其 中 随意 浏览 信息 ”。 如 今 ， 我 们 开 
发 的 整个 应 用 都 运行 在 他 的 平台 上 。 

举 一 个 当代 的 例子 : 当 播 客 公司 Odeo 提 出 要 建造 一 个 简易 的 系统 ,供用 户 发 布 通 常 写 在 Skype 
中 的 状态 信息 时 ， 他 们 没 预料 到 用 户 会 将 Twitter 作 为 一 个 微 博 站 点 “滥用 ”。 

重点 是 ， 用 户 常 常 不 会 按照 你 希望 或 预期 的 方式 来 使 用 产品 。 这 也 不 是 什么 坏事 ,这 意味 着 
你 发 现 了 一 个 你 没 想 到 会 对 你 的 产品 感 兴趣 的 市 场 ， 其 至 是 一 个 你 根本 不 知道 其 存在 的 市 场 。 

这 个 问题 有 三 种 处 理 方式 。 

口 直接 忽略 。 如 果 这 个 额外 的 市 场 小 于 你 的 主要 市 场 ， 就 忽略 它 。 如 果 这 些 人 很 喜欢 你 的 

产品 ， 那 很 好 ， 你 又 免费 获得 了 一 些 用 户 。 
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口 调整 产品 。 如 果 这 个 新 的 市 场 远大 于 你 原 有 的 目标 市 场 ， 那 么 合理 的 做 法 是 改变 产品 方 
向 ， 面 向 这 个 新 市 场 。 
D 拆 分 产品 。 如 果 你 的 原 有 市 场 和 新 市 场 都 很 有 潜力 ， 那 就 面向 这 两 个 市 场 分 别 开 发 独立 


的 版 本 。 
以 上 每 种 选择 都 有 其 合理 性 ， 但 是 在 做 出 选择 之 前 要 慎重 考虑 这 些 选项 。 
负面 反馈 


人 们 在 写 反 馈 的 时 候 通 常 比较 刻薄 , 其 中 一 个 原因 是 ,有 时 人 们 认为 不 会 有 人 看 到 这 些 反 馈 。 
因此 ， 他 们 将 你 的 反馈 表单 当 作 发 泄 不 满 的 工具 。 

不 要 感情 用 事 。 毕 竟 , 这 些 人 花 时 间 吕 你 ,表明 他 们 至 少 在 乎 你 的 产品 。 没 人 在 意 你 的 产品 
才 是 最 糟糕 的 。 

当 我 和 交互 设计 师 Chris Clark" 探 讨 他 的 设计 流程 时 ， 他 告诉 我 : 2 

我 这 人 比较 怪 ， 就 喜欢 负面 的 反馈 。 主动 抱怨 表示 这 个 用 户 足 够 在 乎 你 的 产品 , 才 

有 心思 写 反 馈 。 如 果 你 修复 了 他 们 反馈 的 问题 ,他 们 会 转变 成 产品 的 粉丝 ,而且 你 为 真 

实用 户 解决 真正 的 问题 ,这 本 身 就 很 值得 ,iOS 开 发 者 无 法 直接 回复 应 用 商店 里 的 评论 ， 

这 促使 他 们 更 有 动力 去 解决 根本 问题 。 

用 户 的 评论 确实 会 使 软件 功能 的 发 布 计划 放 缓 一 些 。 他 们 就 像 吵 闹 不 停 的 孩子 。 急 

略 自己 的 想法 和 优先 级 , 完全 由 反馈 来 驱动 是 很 愚 态 的 …… 你 很 快 就 会 发 现 自己 陷入 了 

亨利 .福特 所 谓 的 “我 的 顾客 想 要 一 匹 更 快 的 马 ”这 样 的 境地 。 尽 管 如 此 ， 用 户 反馈 还 

是 有 帮助 的 。 比 较 普 遍 的 功能 需求 会 优先 处 理 ， 其 他 的 则 延 后 。 
有 些 负 面 反馈 完全 没有 帮助 ， 但 这 就 是 现实 。 这 个 世界 就 是 存在 一 些 刻薄 的 混蛋 ， 

无 所 事 事 ， 只 会 在 iTunes 上 给 别人 的 产品 打 一 颗 星 。 如 果 你 真 的 介意 这 些 的 话 ， 那 也 就 

没 必要 开发 产品 并 卖 给 大 众 了 。 你 肯定 也 做 不 成 音乐 家 、 作 家 或 者 厨师 。 

与 其 将 负面 反馈 视 为 侮辱 ， 不 如 视 其 为 机 会 ， 让 你 能 够 将 关注 产品 的 用 户 转 变 为 产品 的 
粉丝 。 

深呼吸 ,无 需 介 怀 , 思考 一 下 用 户 真正 想 要 表达 的 是 什么 。 他 这 样 生 气 是 否 有 充分 的 理由 ? 
你 能 做 些 什么 来 帮助 这 位 用 户 ? 你 能 否 采 取 一 些 措施 避免 其 他 人 也 遇 到 相同 的 问题 ? 

我 们 设计 产品 的 初衷 是 想 帮 助 他 人 实现 目标 。 这 也 正 是 你 阅读 本 书 的 原因 : 你 想 让 人 们 生活 
得 更 好 。 用 户 的 负面 反馈 并 不 意味 着 你 失败 了 ， 它 仅仅 表示 你 还 有 工作 要 做 。 


Q@ 关于 这 位 设计 师 的 介绍 ， 详 见 http:/releasecandidateone.com。 
@ 完整 采访 详 见 http://ignco.de/320。 
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要 所 


口 用 户 可 能 不 会 按照 你 期 望 的 方式 使 用 产品 。 但 这 往往 是 你 将 产品 引 至 新 方向 的 好 机 会 。 
口 不 要 让 负面 反馈 击 垮 你 ， 而 要 想方设法 将 异 怒 的 用 户 转 变 为 粉丝 。 


一 切 尚 未 结 来 


这 是 本 书 的 最 后 一 章 , 但 并 非 开发 过 程 的 终点 ,在 本 书 开篇 ,我 提 到 过 一 个 典型 的 开发 流程 ， 
如 下 图 所 示 。 


SS 


本 书 “ 实 现 ” 部 分 的 最 后 几 音 是 关于 收集 数据 和 处 理 用 户 反馈 的 ,这 并 非 巧合 。 这 些 内 容 属 
于 调研 。 换 名 话说 ， 你 又 回 到 了 起 点 。 现 在 你 到 达 了 开发 流程 中 “实现 ”部 分 的 尾声 ， 是 时 候 重 
新 开始 , 回顾 一 切 了 。 用 户 是 否 按照 你 的 期 望 使 用 产品 ? 谁 才 是 真正 的 用 户 ? 产品 是 否 解决 了 你 
想 要 解决 的 问题 ? 


本 童 是 本 书 的 结尾 ,但 是 你 的 工作 真 的 才刚 刚 开始 。 
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